/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
   ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
   ========================================================================== */

/**
 * Remove the margin in all browsers.
 */

body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */

main {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/* Text-level semantics
   ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */

a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */

abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */

small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */

img {
  border-style: none;
}

/* Forms
   ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */

button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

button,
input { /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button,
select { /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */

button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */

legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */

textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */

[type="checkbox"],
[type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */

[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */

details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */

summary {
  display: list-item;
}

/* Misc
   ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */

template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */

[hidden] {
  display: none;
}

@charset "UTF-8";
/**
公共样式
 */
body {
  font-size: 14px;
  font-family: "Microsoft YaHei", "SimSun", sans-serif; }

a {
  color: inherit;
  text-decoration: none; }

i {
  font-style: normal; }

ul, ol {
  list-style: none;
  padding: 0;
  margin: 0; }

h1, h2, h3, h4, h5, h6, p {
  font-weight: normal;
  margin: 0;
  padding: 0; }

dl, dt, dd {
  margin: 0;
  padding: 0; }

.container-fluid {
  width: 100%; }

.container {
  margin: 0 auto;
  width: 1080px; }

.row {
  width: 100%; }

.clearfix:after {
  clear: both;
  height: 0;
  overflow: hidden;
  display: block;
  visibility: hidden;
  content: "."; }

.shadow-opt-5 {
  box-shadow: 2px 0px 27px rgba(162, 162, 162, 0.51); }

*::selection {
  background: #f25858;
  color: white; }

.pt-5 {
  padding-top: 5px; }

.pr-5 {
  padding-right: 5px; }

.pb-5 {
  padding-bottom: 5px; }

.pl-5 {
  padding-left: 5px; }

.p-5 {
  padding: 5px; }

.pt-10 {
  padding-top: 10px; }

.pr-10 {
  padding-right: 10px; }

.pb-10 {
  padding-bottom: 10px; }

.pl-10 {
  padding-left: 10px; }

.p-10 {
  padding: 10px; }

.pt-15 {
  padding-top: 15px; }

.pr-15 {
  padding-right: 15px; }

.pb-15 {
  padding-bottom: 15px; }

.pl-15 {
  padding-left: 15px; }

.p-15 {
  padding: 15px; }

.pt-20 {
  padding-top: 20px; }

.pr-20 {
  padding-right: 20px; }

.pb-20 {
  padding-bottom: 20px; }

.pl-20 {
  padding-left: 20px; }

.p-20 {
  padding: 20px; }

.pt-25 {
  padding-top: 25px; }

.pr-25 {
  padding-right: 25px; }

.pb-25 {
  padding-bottom: 25px; }

.pl-25 {
  padding-left: 25px; }

.p-25 {
  padding: 25px; }

.pt-30 {
  padding-top: 30px; }

.pr-30 {
  padding-right: 30px; }

.pb-30 {
  padding-bottom: 30px; }

.pl-30 {
  padding-left: 30px; }

.p-30 {
  padding: 30px; }

.pt-35 {
  padding-top: 35px; }

.pr-35 {
  padding-right: 35px; }

.pb-35 {
  padding-bottom: 35px; }

.pl-35 {
  padding-left: 35px; }

.p-35 {
  padding: 35px; }

.pt-40 {
  padding-top: 40px; }

.pr-40 {
  padding-right: 40px; }

.pb-40 {
  padding-bottom: 40px; }

.pl-40 {
  padding-left: 40px; }

.p-40 {
  padding: 40px; }

.pt-45 {
  padding-top: 45px; }

.pr-45 {
  padding-right: 45px; }

.pb-45 {
  padding-bottom: 45px; }

.pl-45 {
  padding-left: 45px; }

.p-45 {
  padding: 45px; }

.pt-50 {
  padding-top: 50px; }

.pr-50 {
  padding-right: 50px; }

.pb-50 {
  padding-bottom: 50px; }

.pl-50 {
  padding-left: 50px; }

.p-50 {
  padding: 50px; }

.pt-55 {
  padding-top: 55px; }

.pr-55 {
  padding-right: 55px; }

.pb-55 {
  padding-bottom: 55px; }

.pl-55 {
  padding-left: 55px; }

.p-55 {
  padding: 55px; }

.pt-60 {
  padding-top: 60px; }

.pr-60 {
  padding-right: 60px; }

.pb-60 {
  padding-bottom: 60px; }

.pl-60 {
  padding-left: 60px; }

.p-60 {
  padding: 60px; }

.pt-65 {
  padding-top: 65px; }

.pr-65 {
  padding-right: 65px; }

.pb-65 {
  padding-bottom: 65px; }

.pl-65 {
  padding-left: 65px; }

.p-65 {
  padding: 65px; }

.pt-70 {
  padding-top: 70px; }

.pr-70 {
  padding-right: 70px; }

.pb-70 {
  padding-bottom: 70px; }

.pl-70 {
  padding-left: 70px; }

.p-70 {
  padding: 70px; }

.pt-75 {
  padding-top: 75px; }

.pr-75 {
  padding-right: 75px; }

.pb-75 {
  padding-bottom: 75px; }

.pl-75 {
  padding-left: 75px; }

.p-75 {
  padding: 75px; }

.pt-80 {
  padding-top: 80px; }

.pr-80 {
  padding-right: 80px; }

.pb-80 {
  padding-bottom: 80px; }

.pl-80 {
  padding-left: 80px; }

.p-80 {
  padding: 80px; }

.pt-85 {
  padding-top: 85px; }

.pr-85 {
  padding-right: 85px; }

.pb-85 {
  padding-bottom: 85px; }

.pl-85 {
  padding-left: 85px; }

.p-85 {
  padding: 85px; }

.pt-90 {
  padding-top: 90px; }

.pr-90 {
  padding-right: 90px; }

.pb-90 {
  padding-bottom: 90px; }

.pl-90 {
  padding-left: 90px; }

.p-90 {
  padding: 90px; }

.pt-95 {
  padding-top: 95px; }

.pr-95 {
  padding-right: 95px; }

.pb-95 {
  padding-bottom: 95px; }

.pl-95 {
  padding-left: 95px; }

.p-95 {
  padding: 95px; }

.pt-100 {
  padding-top: 100px; }

.pr-100 {
  padding-right: 100px; }

.pb-100 {
  padding-bottom: 100px; }

.pl-100 {
  padding-left: 100px; }

.p-100 {
  padding: 100px; }

.mt-5 {
  margin-top: 5px; }

.mr-5 {
  margin-right: 5px; }

.mb-5 {
  margin-bottom: 5px; }

.ml-5 {
  margin-left: 5px; }

.m-5 {
  margin: 5px; }

.mt-10 {
  margin-top: 10px; }

.mr-10 {
  margin-right: 10px; }

.mb-10 {
  margin-bottom: 10px; }

.ml-10 {
  margin-left: 10px; }

.m-10 {
  margin: 10px; }

.mt-15 {
  margin-top: 15px; }

.mr-15 {
  margin-right: 15px; }

.mb-15 {
  margin-bottom: 15px; }

.ml-15 {
  margin-left: 15px; }

.m-15 {
  margin: 15px; }

.mt-20 {
  margin-top: 20px; }

.mr-20 {
  margin-right: 20px; }

.mb-20 {
  margin-bottom: 20px; }

.ml-20 {
  margin-left: 20px; }

.m-20 {
  margin: 20px; }

.mt-25 {
  margin-top: 25px; }

.mr-25 {
  margin-right: 25px; }

.mb-25 {
  margin-bottom: 25px; }

.ml-25 {
  margin-left: 25px; }

.m-25 {
  margin: 25px; }

.mt-30 {
  margin-top: 30px; }

.mr-30 {
  margin-right: 30px; }

.mb-30 {
  margin-bottom: 30px; }

.ml-30 {
  margin-left: 30px; }

.m-30 {
  margin: 30px; }

.mt-35 {
  margin-top: 35px; }

.mr-35 {
  margin-right: 35px; }

.mb-35 {
  margin-bottom: 35px; }

.ml-35 {
  margin-left: 35px; }

.m-35 {
  margin: 35px; }

.mt-40 {
  margin-top: 40px; }

.mr-40 {
  margin-right: 40px; }

.mb-40 {
  margin-bottom: 40px; }

.ml-40 {
  margin-left: 40px; }

.m-40 {
  margin: 40px; }

.mt-45 {
  margin-top: 45px; }

.mr-45 {
  margin-right: 45px; }

.mb-45 {
  margin-bottom: 45px; }

.ml-45 {
  margin-left: 45px; }

.m-45 {
  margin: 45px; }

.mt-50 {
  margin-top: 50px; }

.mr-50 {
  margin-right: 50px; }

.mb-50 {
  margin-bottom: 50px; }

.ml-50 {
  margin-left: 50px; }

.m-50 {
  margin: 50px; }

.mt-55 {
  margin-top: 55px; }

.mr-55 {
  margin-right: 55px; }

.mb-55 {
  margin-bottom: 55px; }

.ml-55 {
  margin-left: 55px; }

.m-55 {
  margin: 55px; }

.mt-60 {
  margin-top: 60px; }

.mr-60 {
  margin-right: 60px; }

.mb-60 {
  margin-bottom: 60px; }

.ml-60 {
  margin-left: 60px; }

.m-60 {
  margin: 60px; }

.mt-65 {
  margin-top: 65px; }

.mr-65 {
  margin-right: 65px; }

.mb-65 {
  margin-bottom: 65px; }

.ml-65 {
  margin-left: 65px; }

.m-65 {
  margin: 65px; }

.mt-70 {
  margin-top: 70px; }

.mr-70 {
  margin-right: 70px; }

.mb-70 {
  margin-bottom: 70px; }

.ml-70 {
  margin-left: 70px; }

.m-70 {
  margin: 70px; }

.mt-75 {
  margin-top: 75px; }

.mr-75 {
  margin-right: 75px; }

.mb-75 {
  margin-bottom: 75px; }

.ml-75 {
  margin-left: 75px; }

.m-75 {
  margin: 75px; }

.mt-80 {
  margin-top: 80px; }

.mr-80 {
  margin-right: 80px; }

.mb-80 {
  margin-bottom: 80px; }

.ml-80 {
  margin-left: 80px; }

.m-80 {
  margin: 80px; }

.mt-85 {
  margin-top: 85px; }

.mr-85 {
  margin-right: 85px; }

.mb-85 {
  margin-bottom: 85px; }

.ml-85 {
  margin-left: 85px; }

.m-85 {
  margin: 85px; }

.mt-90 {
  margin-top: 90px; }

.mr-90 {
  margin-right: 90px; }

.mb-90 {
  margin-bottom: 90px; }

.ml-90 {
  margin-left: 90px; }

.m-90 {
  margin: 90px; }

.mt-95 {
  margin-top: 95px; }

.mr-95 {
  margin-right: 95px; }

.mb-95 {
  margin-bottom: 95px; }

.ml-95 {
  margin-left: 95px; }

.m-95 {
  margin: 95px; }

.mt-100 {
  margin-top: 100px; }

.mr-100 {
  margin-right: 100px; }

.mb-100 {
  margin-bottom: 100px; }

.ml-100 {
  margin-left: 100px; }

.m-100 {
  margin: 100px; }

a:hover {
  color: #ef3232; }

figure {
  margin: 0;
  -webkit-margin-before: 0;
  -webkit-margin-after: 0;
  -webkit-margin-start: 0;
  -webkit-margin-end: 0; }

.img-wrap {
  background-color: transparent; }
  .img-wrap a {
    width: 100%;
    height: 100%;
    display: block; }

.fl {
  float: left !important; }

.fr {
  float: right !important; }

/**
头部公共样式
 */
/**
首页头
 */
.home-header {
  box-shadow: 2px 0 9px rgba(0, 0, 0, 0.21);
  background: white; }
  .home-header .top-navigation {
    height: 100px;
    background-color: #f0f0f0; }
    .home-header .top-navigation .site-logo {
      float: left;
      height: 100px;
      background-color: #ef3232; }
    .home-header .top-navigation .nav-channel {
      height: 100px;
      float: right;
      display: table; }
      .home-header .top-navigation .nav-channel .nav-channel-group {
        display: table-cell;
        vertical-align: middle;
        height: 100px; }
  .home-header .site-logo {
    width: 200px; }
  .home-header .top-base {
    font-size: 12px;
    background: #f0f0f0; }
    .home-header .top-base .container {
      position: relative;
      padding: 12px 0; }
      .home-header .top-base .container .top-l {
        float: left;
        padding-left: 14px;
        display: inline-block; }
        .home-header .top-base .container .top-l .site-icon {
          left: 0;
          top: 50%;
          margin-top: -8px;
          position: absolute; }
        .home-header .top-base .container .top-l .change-city {
          padding: 0 4px;
          margin-right: 4px;
          color: #5989f7; }
        .home-header .top-base .container .top-l .other-cities {
          display: block;
          position: absolute;
          padding: 20px;
          border: 1px solid #ccc;
          left: 0;
          top: 37px;
          background: white; }
          .home-header .top-base .container .top-l .other-cities a {
            margin-right: 10px; }
      .home-header .top-base .container .top-r {
        float: right;
        display: inline-block; }
        .home-header .top-base .container .top-r a {
          margin-left: 16px; }
          .home-header .top-base .container .top-r a.site-sign-in {
            padding-right: 16px;
            border-right: 1px solid #bcbcbc; }
  .home-header .top-navigation a {   
	margin-right: 5px;
    font-size: 14px; }
  .home-header .top-navigation .nav-channel-group .vertical-decoration {
    padding-left: 6px; }
  .home-header .top-navigation .nav-channel-group:not(:last-child) .vertical-decoration {
    padding-right: 3px;
    border-right: 1px solid #d5d5d5; }
  .home-header .top-navigation .nav-channel-group .row:not(:last-child) {
    margin-bottom: 18px; }

/**
内页头
 */
.common-header {
  box-shadow: 2px 0 9px rgba(0, 0, 0, 0.21);
  background: white;
  box-shadow: none;
  border-bottom: 4px solid #B4B4B4; }
  .common-header .top-navigation {
    height: 100px;
    background-color: #f0f0f0; }
    .common-header .top-navigation .site-logo {
      float: left;
      height: 100px;
      background-color: #ef3232; }
    .common-header .top-navigation .nav-channel {
      height: 100px;
      float: right;
      display: table; }
      .common-header .top-navigation .nav-channel .nav-channel-group {
        display: table-cell;
        vertical-align: middle;
        height: 100px; }
  .common-header .site-logo {
    width: 150px; }
  .common-header .site-sign-in {
    display: table-cell;
    vertical-align: middle;
    height: 100px; }
    .common-header .site-sign-in a {
      box-sizing: border-box;
      margin-left: 25px;
      font-size: 14px;
      color: #4550e7;
      display: inline-block;
      width: 51px;
      height: 24px;
      border: 1px solid #4550e7;
      text-align: center;
      border-radius: 11px;
      line-height: 22px; }
      .common-header .site-sign-in a:hover {
        background-color: #4550e7;
        color: white; }
  .common-header .nav-channel-group a {
    position: relative;
    margin-left: 24px;
    display: inline-block;
    font-size: 16px; }
    .common-header .nav-channel-group a:link {
      color: #666; }
    .common-header .nav-channel-group a:hover:after {
      content: " ";
      position: absolute;
      left: 0;
      top: 24px;
      width: 100%;
      height: 2px;
      background: #ef3232; }

/**
公共页脚
 */
footer {
  font-size: 14px; }
  footer .footer-main {
    color: #666666;
    border-top: 1px solid #dddddd; }
  footer .cities {
    padding-top: 30px;
    border-bottom: 1px dashed #ccc;
    padding-bottom: 16px; }
  footer .friend-links {
    padding: 21px 0;
    border-bottom: 1px dashed #ccc; }
  footer .bottom-links {
    padding: 16px 0 20px; }
  footer .footer-common {
    color: #999999;
    border-top: 1px solid #dddddd;
    text-align: center;
    padding-top: 18px;
    padding-bottom: 23px; }
    footer .footer-common p {
      margin-bottom: 14px; }
    footer .footer-common .links {
      margin-bottom: 18px; }
      footer .footer-common .links a {
        padding: 0 5px; }
  footer .orgLink {
    width: 663px;
    height: 60px;
    margin: auto; }
    footer .orgLink li {
      float: left;
      width: 135px;
      height: 48px;
      border-radius: 5px;
      position: relative;
      margin-right: 25px;
      background: #fbfbfb;
      border: 1px solid #D2D2D2; }
    footer .orgLink p {
      width: 80px;
      position: absolute;
      left: 48px;
      top: 5px;
      line-height: 18px;
      text-align: center;
      text-indent: 0;
      font-size: 12px; }

.materialize-red {
  background-color: #e51c23 !important; }

.materialize-red-text {
  color: #e51c23 !important; }

.materialize-red.lighten-5 {
  background-color: #fdeaeb !important; }

.materialize-red-text.text-lighten-5 {
  color: #fdeaeb !important; }

.materialize-red.lighten-4 {
  background-color: #f8c1c3 !important; }

.materialize-red-text.text-lighten-4 {
  color: #f8c1c3 !important; }

.materialize-red.lighten-3 {
  background-color: #f3989b !important; }

.materialize-red-text.text-lighten-3 {
  color: #f3989b !important; }

.materialize-red.lighten-2 {
  background-color: #ee6e73 !important; }

.materialize-red-text.text-lighten-2 {
  color: #ee6e73 !important; }

.materialize-red.lighten-1 {
  background-color: #ea454b !important; }

.materialize-red-text.text-lighten-1 {
  color: #ea454b !important; }

.materialize-red.darken-1 {
  background-color: #d0181e !important; }

.materialize-red-text.text-darken-1 {
  color: #d0181e !important; }

.materialize-red.darken-2 {
  background-color: #b9151b !important; }

.materialize-red-text.text-darken-2 {
  color: #b9151b !important; }

.materialize-red.darken-3 {
  background-color: #a21318 !important; }

.materialize-red-text.text-darken-3 {
  color: #a21318 !important; }

.materialize-red.darken-4 {
  background-color: #8b1014 !important; }

.materialize-red-text.text-darken-4 {
  color: #8b1014 !important; }

.red {
  background-color: #F44336 !important; }

.red-text {
  color: #F44336 !important; }

.red.lighten-5 {
  background-color: #FFEBEE !important; }

.red-text.text-lighten-5 {
  color: #FFEBEE !important; }

.red.lighten-4 {
  background-color: #FFCDD2 !important; }

.red-text.text-lighten-4 {
  color: #FFCDD2 !important; }

.red.lighten-3 {
  background-color: #EF9A9A !important; }

.red-text.text-lighten-3 {
  color: #EF9A9A !important; }

.red.lighten-2 {
  background-color: #E57373 !important; }

.red-text.text-lighten-2 {
  color: #E57373 !important; }

.red.lighten-1 {
  background-color: #EF5350 !important; }

.red-text.text-lighten-1 {
  color: #EF5350 !important; }

.red.darken-1 {
  background-color: #E53935 !important; }

.red-text.text-darken-1 {
  color: #E53935 !important; }

.red.darken-2 {
  background-color: #D32F2F !important; }

.red-text.text-darken-2 {
  color: #D32F2F !important; }

.red.darken-3 {
  background-color: #C62828 !important; }

.red-text.text-darken-3 {
  color: #C62828 !important; }

.red.darken-4 {
  background-color: #B71C1C !important; }

.red-text.text-darken-4 {
  color: #B71C1C !important; }

.red.accent-1 {
  background-color: #FF8A80 !important; }

.red-text.text-accent-1 {
  color: #FF8A80 !important; }

.red.accent-2 {
  background-color: #FF5252 !important; }

.red-text.text-accent-2 {
  color: #FF5252 !important; }

.red.accent-3 {
  background-color: #FF1744 !important; }

.red-text.text-accent-3 {
  color: #FF1744 !important; }

.red.accent-4 {
  background-color: #D50000 !important; }

.red-text.text-accent-4 {
  color: #D50000 !important; }

.pink {
  background-color: #e91e63 !important; }

.pink-text {
  color: #e91e63 !important; }

.pink.lighten-5 {
  background-color: #fce4ec !important; }

.pink-text.text-lighten-5 {
  color: #fce4ec !important; }

.pink.lighten-4 {
  background-color: #f8bbd0 !important; }

.pink-text.text-lighten-4 {
  color: #f8bbd0 !important; }

.pink.lighten-3 {
  background-color: #f48fb1 !important; }

.pink-text.text-lighten-3 {
  color: #f48fb1 !important; }

.pink.lighten-2 {
  background-color: #f06292 !important; }

.pink-text.text-lighten-2 {
  color: #f06292 !important; }

.pink.lighten-1 {
  background-color: #ec407a !important; }

.pink-text.text-lighten-1 {
  color: #ec407a !important; }

.pink.darken-1 {
  background-color: #d81b60 !important; }

.pink-text.text-darken-1 {
  color: #d81b60 !important; }

.pink.darken-2 {
  background-color: #c2185b !important; }

.pink-text.text-darken-2 {
  color: #c2185b !important; }

.pink.darken-3 {
  background-color: #ad1457 !important; }

.pink-text.text-darken-3 {
  color: #ad1457 !important; }

.pink.darken-4 {
  background-color: #880e4f !important; }

.pink-text.text-darken-4 {
  color: #880e4f !important; }

.pink.accent-1 {
  background-color: #ff80ab !important; }

.pink-text.text-accent-1 {
  color: #ff80ab !important; }

.pink.accent-2 {
  background-color: #ff4081 !important; }

.pink-text.text-accent-2 {
  color: #ff4081 !important; }

.pink.accent-3 {
  background-color: #f50057 !important; }

.pink-text.text-accent-3 {
  color: #f50057 !important; }

.pink.accent-4 {
  background-color: #c51162 !important; }

.pink-text.text-accent-4 {
  color: #c51162 !important; }

.purple {
  background-color: #9c27b0 !important; }

.purple-text {
  color: #9c27b0 !important; }

.purple.lighten-5 {
  background-color: #f3e5f5 !important; }

.purple-text.text-lighten-5 {
  color: #f3e5f5 !important; }

.purple.lighten-4 {
  background-color: #e1bee7 !important; }

.purple-text.text-lighten-4 {
  color: #e1bee7 !important; }

.purple.lighten-3 {
  background-color: #ce93d8 !important; }

.purple-text.text-lighten-3 {
  color: #ce93d8 !important; }

.purple.lighten-2 {
  background-color: #ba68c8 !important; }

.purple-text.text-lighten-2 {
  color: #ba68c8 !important; }

.purple.lighten-1 {
  background-color: #ab47bc !important; }

.purple-text.text-lighten-1 {
  color: #ab47bc !important; }

.purple.darken-1 {
  background-color: #8e24aa !important; }

.purple-text.text-darken-1 {
  color: #8e24aa !important; }

.purple.darken-2 {
  background-color: #7b1fa2 !important; }

.purple-text.text-darken-2 {
  color: #7b1fa2 !important; }

.purple.darken-3 {
  background-color: #6a1b9a !important; }

.purple-text.text-darken-3 {
  color: #6a1b9a !important; }

.purple.darken-4 {
  background-color: #4a148c !important; }

.purple-text.text-darken-4 {
  color: #4a148c !important; }

.purple.accent-1 {
  background-color: #ea80fc !important; }

.purple-text.text-accent-1 {
  color: #ea80fc !important; }

.purple.accent-2 {
  background-color: #e040fb !important; }

.purple-text.text-accent-2 {
  color: #e040fb !important; }

.purple.accent-3 {
  background-color: #d500f9 !important; }

.purple-text.text-accent-3 {
  color: #d500f9 !important; }

.purple.accent-4 {
  background-color: #aa00ff !important; }

.purple-text.text-accent-4 {
  color: #aa00ff !important; }

.deep-purple {
  background-color: #673ab7 !important; }

.deep-purple-text {
  color: #673ab7 !important; }

.deep-purple.lighten-5 {
  background-color: #ede7f6 !important; }

.deep-purple-text.text-lighten-5 {
  color: #ede7f6 !important; }

.deep-purple.lighten-4 {
  background-color: #d1c4e9 !important; }

.deep-purple-text.text-lighten-4 {
  color: #d1c4e9 !important; }

.deep-purple.lighten-3 {
  background-color: #b39ddb !important; }

.deep-purple-text.text-lighten-3 {
  color: #b39ddb !important; }

.deep-purple.lighten-2 {
  background-color: #9575cd !important; }

.deep-purple-text.text-lighten-2 {
  color: #9575cd !important; }

.deep-purple.lighten-1 {
  background-color: #7e57c2 !important; }

.deep-purple-text.text-lighten-1 {
  color: #7e57c2 !important; }

.deep-purple.darken-1 {
  background-color: #5e35b1 !important; }

.deep-purple-text.text-darken-1 {
  color: #5e35b1 !important; }

.deep-purple.darken-2 {
  background-color: #512da8 !important; }

.deep-purple-text.text-darken-2 {
  color: #512da8 !important; }

.deep-purple.darken-3 {
  background-color: #4527a0 !important; }

.deep-purple-text.text-darken-3 {
  color: #4527a0 !important; }

.deep-purple.darken-4 {
  background-color: #311b92 !important; }

.deep-purple-text.text-darken-4 {
  color: #311b92 !important; }

.deep-purple.accent-1 {
  background-color: #b388ff !important; }

.deep-purple-text.text-accent-1 {
  color: #b388ff !important; }

.deep-purple.accent-2 {
  background-color: #7c4dff !important; }

.deep-purple-text.text-accent-2 {
  color: #7c4dff !important; }

.deep-purple.accent-3 {
  background-color: #651fff !important; }

.deep-purple-text.text-accent-3 {
  color: #651fff !important; }

.deep-purple.accent-4 {
  background-color: #6200ea !important; }

.deep-purple-text.text-accent-4 {
  color: #6200ea !important; }

.indigo {
  background-color: #3f51b5 !important; }

.indigo-text {
  color: #3f51b5 !important; }

.indigo.lighten-5 {
  background-color: #e8eaf6 !important; }

.indigo-text.text-lighten-5 {
  color: #e8eaf6 !important; }

.indigo.lighten-4 {
  background-color: #c5cae9 !important; }

.indigo-text.text-lighten-4 {
  color: #c5cae9 !important; }

.indigo.lighten-3 {
  background-color: #9fa8da !important; }

.indigo-text.text-lighten-3 {
  color: #9fa8da !important; }

.indigo.lighten-2 {
  background-color: #7986cb !important; }

.indigo-text.text-lighten-2 {
  color: #7986cb !important; }

.indigo.lighten-1 {
  background-color: #5c6bc0 !important; }

.indigo-text.text-lighten-1 {
  color: #5c6bc0 !important; }

.indigo.darken-1 {
  background-color: #3949ab !important; }

.indigo-text.text-darken-1 {
  color: #3949ab !important; }

.indigo.darken-2 {
  background-color: #303f9f !important; }

.indigo-text.text-darken-2 {
  color: #303f9f !important; }

.indigo.darken-3 {
  background-color: #283593 !important; }

.indigo-text.text-darken-3 {
  color: #283593 !important; }

.indigo.darken-4 {
  background-color: #1a237e !important; }

.indigo-text.text-darken-4 {
  color: #1a237e !important; }

.indigo.accent-1 {
  background-color: #8c9eff !important; }

.indigo-text.text-accent-1 {
  color: #8c9eff !important; }

.indigo.accent-2 {
  background-color: #536dfe !important; }

.indigo-text.text-accent-2 {
  color: #536dfe !important; }

.indigo.accent-3 {
  background-color: #3d5afe !important; }

.indigo-text.text-accent-3 {
  color: #3d5afe !important; }

.indigo.accent-4 {
  background-color: #304ffe !important; }

.indigo-text.text-accent-4 {
  color: #304ffe !important; }

.blue {
  background-color: #2196F3 !important; }

.blue-text {
  color: #2196F3 !important; }

.blue.lighten-5 {
  background-color: #E3F2FD !important; }

.blue-text.text-lighten-5 {
  color: #E3F2FD !important; }

.blue.lighten-4 {
  background-color: #BBDEFB !important; }

.blue-text.text-lighten-4 {
  color: #BBDEFB !important; }

.blue.lighten-3 {
  background-color: #90CAF9 !important; }

.blue-text.text-lighten-3 {
  color: #90CAF9 !important; }

.blue.lighten-2 {
  background-color: #64B5F6 !important; }

.blue-text.text-lighten-2 {
  color: #64B5F6 !important; }

.blue.lighten-1 {
  background-color: #42A5F5 !important; }

.blue-text.text-lighten-1 {
  color: #42A5F5 !important; }

.blue.darken-1 {
  background-color: #1E88E5 !important; }

.blue-text.text-darken-1 {
  color: #1E88E5 !important; }

.blue.darken-2 {
  background-color: #1976D2 !important; }

.blue-text.text-darken-2 {
  color: #1976D2 !important; }

.blue.darken-3 {
  background-color: #1565C0 !important; }

.blue-text.text-darken-3 {
  color: #1565C0 !important; }

.blue.darken-4 {
  background-color: #0D47A1 !important; }

.blue-text.text-darken-4 {
  color: #0D47A1 !important; }

.blue.accent-1 {
  background-color: #82B1FF !important; }

.blue-text.text-accent-1 {
  color: #82B1FF !important; }

.blue.accent-2 {
  background-color: #448AFF !important; }

.blue-text.text-accent-2 {
  color: #448AFF !important; }

.blue.accent-3 {
  background-color: #2979FF !important; }

.blue-text.text-accent-3 {
  color: #2979FF !important; }

.blue.accent-4 {
  background-color: #2962FF !important; }

.blue-text.text-accent-4 {
  color: #2962FF !important; }

.light-blue {
  background-color: #03a9f4 !important; }

.light-blue-text {
  color: #03a9f4 !important; }

.light-blue.lighten-5 {
  background-color: #e1f5fe !important; }

.light-blue-text.text-lighten-5 {
  color: #e1f5fe !important; }

.light-blue.lighten-4 {
  background-color: #b3e5fc !important; }

.light-blue-text.text-lighten-4 {
  color: #b3e5fc !important; }

.light-blue.lighten-3 {
  background-color: #81d4fa !important; }

.light-blue-text.text-lighten-3 {
  color: #81d4fa !important; }

.light-blue.lighten-2 {
  background-color: #4fc3f7 !important; }

.light-blue-text.text-lighten-2 {
  color: #4fc3f7 !important; }

.light-blue.lighten-1 {
  background-color: #29b6f6 !important; }

.light-blue-text.text-lighten-1 {
  color: #29b6f6 !important; }

.light-blue.darken-1 {
  background-color: #039be5 !important; }

.light-blue-text.text-darken-1 {
  color: #039be5 !important; }

.light-blue.darken-2 {
  background-color: #0288d1 !important; }

.light-blue-text.text-darken-2 {
  color: #0288d1 !important; }

.light-blue.darken-3 {
  background-color: #0277bd !important; }

.light-blue-text.text-darken-3 {
  color: #0277bd !important; }

.light-blue.darken-4 {
  background-color: #01579b !important; }

.light-blue-text.text-darken-4 {
  color: #01579b !important; }

.light-blue.accent-1 {
  background-color: #80d8ff !important; }

.light-blue-text.text-accent-1 {
  color: #80d8ff !important; }

.light-blue.accent-2 {
  background-color: #40c4ff !important; }

.light-blue-text.text-accent-2 {
  color: #40c4ff !important; }

.light-blue.accent-3 {
  background-color: #00b0ff !important; }

.light-blue-text.text-accent-3 {
  color: #00b0ff !important; }

.light-blue.accent-4 {
  background-color: #0091ea !important; }

.light-blue-text.text-accent-4 {
  color: #0091ea !important; }

.cyan {
  background-color: #00bcd4 !important; }

.cyan-text {
  color: #00bcd4 !important; }

.cyan.lighten-5 {
  background-color: #e0f7fa !important; }

.cyan-text.text-lighten-5 {
  color: #e0f7fa !important; }

.cyan.lighten-4 {
  background-color: #b2ebf2 !important; }

.cyan-text.text-lighten-4 {
  color: #b2ebf2 !important; }

.cyan.lighten-3 {
  background-color: #80deea !important; }

.cyan-text.text-lighten-3 {
  color: #80deea !important; }

.cyan.lighten-2 {
  background-color: #4dd0e1 !important; }

.cyan-text.text-lighten-2 {
  color: #4dd0e1 !important; }

.cyan.lighten-1 {
  background-color: #26c6da !important; }

.cyan-text.text-lighten-1 {
  color: #26c6da !important; }

.cyan.darken-1 {
  background-color: #00acc1 !important; }

.cyan-text.text-darken-1 {
  color: #00acc1 !important; }

.cyan.darken-2 {
  background-color: #0097a7 !important; }

.cyan-text.text-darken-2 {
  color: #0097a7 !important; }

.cyan.darken-3 {
  background-color: #00838f !important; }

.cyan-text.text-darken-3 {
  color: #00838f !important; }

.cyan.darken-4 {
  background-color: #006064 !important; }

.cyan-text.text-darken-4 {
  color: #006064 !important; }

.cyan.accent-1 {
  background-color: #84ffff !important; }

.cyan-text.text-accent-1 {
  color: #84ffff !important; }

.cyan.accent-2 {
  background-color: #18ffff !important; }

.cyan-text.text-accent-2 {
  color: #18ffff !important; }

.cyan.accent-3 {
  background-color: #00e5ff !important; }

.cyan-text.text-accent-3 {
  color: #00e5ff !important; }

.cyan.accent-4 {
  background-color: #00b8d4 !important; }

.cyan-text.text-accent-4 {
  color: #00b8d4 !important; }

.teal {
  background-color: #009688 !important; }

.teal-text {
  color: #009688 !important; }

.teal.lighten-5 {
  background-color: #e0f2f1 !important; }

.teal-text.text-lighten-5 {
  color: #e0f2f1 !important; }

.teal.lighten-4 {
  background-color: #b2dfdb !important; }

.teal-text.text-lighten-4 {
  color: #b2dfdb !important; }

.teal.lighten-3 {
  background-color: #80cbc4 !important; }

.teal-text.text-lighten-3 {
  color: #80cbc4 !important; }

.teal.lighten-2 {
  background-color: #4db6ac !important; }

.teal-text.text-lighten-2 {
  color: #4db6ac !important; }

.teal.lighten-1 {
  background-color: #26a69a !important; }

.teal-text.text-lighten-1 {
  color: #26a69a !important; }

.teal.darken-1 {
  background-color: #00897b !important; }

.teal-text.text-darken-1 {
  color: #00897b !important; }

.teal.darken-2 {
  background-color: #00796b !important; }

.teal-text.text-darken-2 {
  color: #00796b !important; }

.teal.darken-3 {
  background-color: #00695c !important; }

.teal-text.text-darken-3 {
  color: #00695c !important; }

.teal.darken-4 {
  background-color: #004d40 !important; }

.teal-text.text-darken-4 {
  color: #004d40 !important; }

.teal.accent-1 {
  background-color: #a7ffeb !important; }

.teal-text.text-accent-1 {
  color: #a7ffeb !important; }

.teal.accent-2 {
  background-color: #64ffda !important; }

.teal-text.text-accent-2 {
  color: #64ffda !important; }

.teal.accent-3 {
  background-color: #1de9b6 !important; }

.teal-text.text-accent-3 {
  color: #1de9b6 !important; }

.teal.accent-4 {
  background-color: #00bfa5 !important; }

.teal-text.text-accent-4 {
  color: #00bfa5 !important; }

.green {
  background-color: #4CAF50 !important; }

.green-text {
  color: #4CAF50 !important; }

.green.lighten-5 {
  background-color: #E8F5E9 !important; }

.green-text.text-lighten-5 {
  color: #E8F5E9 !important; }

.green.lighten-4 {
  background-color: #C8E6C9 !important; }

.green-text.text-lighten-4 {
  color: #C8E6C9 !important; }

.green.lighten-3 {
  background-color: #A5D6A7 !important; }

.green-text.text-lighten-3 {
  color: #A5D6A7 !important; }

.green.lighten-2 {
  background-color: #81C784 !important; }

.green-text.text-lighten-2 {
  color: #81C784 !important; }

.green.lighten-1 {
  background-color: #66BB6A !important; }

.green-text.text-lighten-1 {
  color: #66BB6A !important; }

.green.darken-1 {
  background-color: #43A047 !important; }

.green-text.text-darken-1 {
  color: #43A047 !important; }

.green.darken-2 {
  background-color: #388E3C !important; }

.green-text.text-darken-2 {
  color: #388E3C !important; }

.green.darken-3 {
  background-color: #2E7D32 !important; }

.green-text.text-darken-3 {
  color: #2E7D32 !important; }

.green.darken-4 {
  background-color: #1B5E20 !important; }

.green-text.text-darken-4 {
  color: #1B5E20 !important; }

.green.accent-1 {
  background-color: #B9F6CA !important; }

.green-text.text-accent-1 {
  color: #B9F6CA !important; }

.green.accent-2 {
  background-color: #69F0AE !important; }

.green-text.text-accent-2 {
  color: #69F0AE !important; }

.green.accent-3 {
  background-color: #00E676 !important; }

.green-text.text-accent-3 {
  color: #00E676 !important; }

.green.accent-4 {
  background-color: #00C853 !important; }

.green-text.text-accent-4 {
  color: #00C853 !important; }

.light-green {
  background-color: #8bc34a !important; }

.light-green-text {
  color: #8bc34a !important; }

.light-green.lighten-5 {
  background-color: #f1f8e9 !important; }

.light-green-text.text-lighten-5 {
  color: #f1f8e9 !important; }

.light-green.lighten-4 {
  background-color: #dcedc8 !important; }

.light-green-text.text-lighten-4 {
  color: #dcedc8 !important; }

.light-green.lighten-3 {
  background-color: #c5e1a5 !important; }

.light-green-text.text-lighten-3 {
  color: #c5e1a5 !important; }

.light-green.lighten-2 {
  background-color: #aed581 !important; }

.light-green-text.text-lighten-2 {
  color: #aed581 !important; }

.light-green.lighten-1 {
  background-color: #9ccc65 !important; }

.light-green-text.text-lighten-1 {
  color: #9ccc65 !important; }

.light-green.darken-1 {
  background-color: #7cb342 !important; }

.light-green-text.text-darken-1 {
  color: #7cb342 !important; }

.light-green.darken-2 {
  background-color: #689f38 !important; }

.light-green-text.text-darken-2 {
  color: #689f38 !important; }

.light-green.darken-3 {
  background-color: #558b2f !important; }

.light-green-text.text-darken-3 {
  color: #558b2f !important; }

.light-green.darken-4 {
  background-color: #33691e !important; }

.light-green-text.text-darken-4 {
  color: #33691e !important; }

.light-green.accent-1 {
  background-color: #ccff90 !important; }

.light-green-text.text-accent-1 {
  color: #ccff90 !important; }

.light-green.accent-2 {
  background-color: #b2ff59 !important; }

.light-green-text.text-accent-2 {
  color: #b2ff59 !important; }

.light-green.accent-3 {
  background-color: #76ff03 !important; }

.light-green-text.text-accent-3 {
  color: #76ff03 !important; }

.light-green.accent-4 {
  background-color: #64dd17 !important; }

.light-green-text.text-accent-4 {
  color: #64dd17 !important; }

.lime {
  background-color: #cddc39 !important; }

.lime-text {
  color: #cddc39 !important; }

.lime.lighten-5 {
  background-color: #f9fbe7 !important; }

.lime-text.text-lighten-5 {
  color: #f9fbe7 !important; }

.lime.lighten-4 {
  background-color: #f0f4c3 !important; }

.lime-text.text-lighten-4 {
  color: #f0f4c3 !important; }

.lime.lighten-3 {
  background-color: #e6ee9c !important; }

.lime-text.text-lighten-3 {
  color: #e6ee9c !important; }

.lime.lighten-2 {
  background-color: #dce775 !important; }

.lime-text.text-lighten-2 {
  color: #dce775 !important; }

.lime.lighten-1 {
  background-color: #d4e157 !important; }

.lime-text.text-lighten-1 {
  color: #d4e157 !important; }

.lime.darken-1 {
  background-color: #c0ca33 !important; }

.lime-text.text-darken-1 {
  color: #c0ca33 !important; }

.lime.darken-2 {
  background-color: #afb42b !important; }

.lime-text.text-darken-2 {
  color: #afb42b !important; }

.lime.darken-3 {
  background-color: #9e9d24 !important; }

.lime-text.text-darken-3 {
  color: #9e9d24 !important; }

.lime.darken-4 {
  background-color: #827717 !important; }

.lime-text.text-darken-4 {
  color: #827717 !important; }

.lime.accent-1 {
  background-color: #f4ff81 !important; }

.lime-text.text-accent-1 {
  color: #f4ff81 !important; }

.lime.accent-2 {
  background-color: #eeff41 !important; }

.lime-text.text-accent-2 {
  color: #eeff41 !important; }

.lime.accent-3 {
  background-color: #c6ff00 !important; }

.lime-text.text-accent-3 {
  color: #c6ff00 !important; }

.lime.accent-4 {
  background-color: #aeea00 !important; }

.lime-text.text-accent-4 {
  color: #aeea00 !important; }

.yellow {
  background-color: #ffeb3b !important; }

.yellow-text {
  color: #ffeb3b !important; }

.yellow.lighten-5 {
  background-color: #fffde7 !important; }

.yellow-text.text-lighten-5 {
  color: #fffde7 !important; }

.yellow.lighten-4 {
  background-color: #fff9c4 !important; }

.yellow-text.text-lighten-4 {
  color: #fff9c4 !important; }

.yellow.lighten-3 {
  background-color: #fff59d !important; }

.yellow-text.text-lighten-3 {
  color: #fff59d !important; }

.yellow.lighten-2 {
  background-color: #fff176 !important; }

.yellow-text.text-lighten-2 {
  color: #fff176 !important; }

.yellow.lighten-1 {
  background-color: #ffee58 !important; }

.yellow-text.text-lighten-1 {
  color: #ffee58 !important; }

.yellow.darken-1 {
  background-color: #fdd835 !important; }

.yellow-text.text-darken-1 {
  color: #fdd835 !important; }

.yellow.darken-2 {
  background-color: #fbc02d !important; }

.yellow-text.text-darken-2 {
  color: #fbc02d !important; }

.yellow.darken-3 {
  background-color: #f9a825 !important; }

.yellow-text.text-darken-3 {
  color: #f9a825 !important; }

.yellow.darken-4 {
  background-color: #f57f17 !important; }

.yellow-text.text-darken-4 {
  color: #f57f17 !important; }

.yellow.accent-1 {
  background-color: #ffff8d !important; }

.yellow-text.text-accent-1 {
  color: #ffff8d !important; }

.yellow.accent-2 {
  background-color: #ffff00 !important; }

.yellow-text.text-accent-2 {
  color: #ffff00 !important; }

.yellow.accent-3 {
  background-color: #ffea00 !important; }

.yellow-text.text-accent-3 {
  color: #ffea00 !important; }

.yellow.accent-4 {
  background-color: #ffd600 !important; }

.yellow-text.text-accent-4 {
  color: #ffd600 !important; }

.amber {
  background-color: #ffc107 !important; }

.amber-text {
  color: #ffc107 !important; }

.amber.lighten-5 {
  background-color: #fff8e1 !important; }

.amber-text.text-lighten-5 {
  color: #fff8e1 !important; }

.amber.lighten-4 {
  background-color: #ffecb3 !important; }

.amber-text.text-lighten-4 {
  color: #ffecb3 !important; }

.amber.lighten-3 {
  background-color: #ffe082 !important; }

.amber-text.text-lighten-3 {
  color: #ffe082 !important; }

.amber.lighten-2 {
  background-color: #ffd54f !important; }

.amber-text.text-lighten-2 {
  color: #ffd54f !important; }

.amber.lighten-1 {
  background-color: #ffca28 !important; }

.amber-text.text-lighten-1 {
  color: #ffca28 !important; }

.amber.darken-1 {
  background-color: #ffb300 !important; }

.amber-text.text-darken-1 {
  color: #ffb300 !important; }

.amber.darken-2 {
  background-color: #ffa000 !important; }

.amber-text.text-darken-2 {
  color: #ffa000 !important; }

.amber.darken-3 {
  background-color: #ff8f00 !important; }

.amber-text.text-darken-3 {
  color: #ff8f00 !important; }

.amber.darken-4 {
  background-color: #ff6f00 !important; }

.amber-text.text-darken-4 {
  color: #ff6f00 !important; }

.amber.accent-1 {
  background-color: #ffe57f !important; }

.amber-text.text-accent-1 {
  color: #ffe57f !important; }

.amber.accent-2 {
  background-color: #ffd740 !important; }

.amber-text.text-accent-2 {
  color: #ffd740 !important; }

.amber.accent-3 {
  background-color: #ffc400 !important; }

.amber-text.text-accent-3 {
  color: #ffc400 !important; }

.amber.accent-4 {
  background-color: #ffab00 !important; }

.amber-text.text-accent-4 {
  color: #ffab00 !important; }

.orange {
  background-color: #ff9800 !important; }

.orange-text {
  color: #ff9800 !important; }

.orange.lighten-5 {
  background-color: #fff3e0 !important; }

.orange-text.text-lighten-5 {
  color: #fff3e0 !important; }

.orange.lighten-4 {
  background-color: #ffe0b2 !important; }

.orange-text.text-lighten-4 {
  color: #ffe0b2 !important; }

.orange.lighten-3 {
  background-color: #ffcc80 !important; }

.orange-text.text-lighten-3 {
  color: #ffcc80 !important; }

.orange.lighten-2 {
  background-color: #ffb74d !important; }

.orange-text.text-lighten-2 {
  color: #ffb74d !important; }

.orange.lighten-1 {
  background-color: #ffa726 !important; }

.orange-text.text-lighten-1 {
  color: #ffa726 !important; }

.orange.darken-1 {
  background-color: #fb8c00 !important; }

.orange-text.text-darken-1 {
  color: #fb8c00 !important; }

.orange.darken-2 {
  background-color: #f57c00 !important; }

.orange-text.text-darken-2 {
  color: #f57c00 !important; }

.orange.darken-3 {
  background-color: #ef6c00 !important; }

.orange-text.text-darken-3 {
  color: #ef6c00 !important; }

.orange.darken-4 {
  background-color: #e65100 !important; }

.orange-text.text-darken-4 {
  color: #e65100 !important; }

.orange.accent-1 {
  background-color: #ffd180 !important; }

.orange-text.text-accent-1 {
  color: #ffd180 !important; }

.orange.accent-2 {
  background-color: #ffab40 !important; }

.orange-text.text-accent-2 {
  color: #ffab40 !important; }

.orange.accent-3 {
  background-color: #ff9100 !important; }

.orange-text.text-accent-3 {
  color: #ff9100 !important; }

.orange.accent-4 {
  background-color: #ff6d00 !important; }

.orange-text.text-accent-4 {
  color: #ff6d00 !important; }

.deep-orange {
  background-color: #ff5722 !important; }

.deep-orange-text {
  color: #ff5722 !important; }

.deep-orange.lighten-5 {
  background-color: #fbe9e7 !important; }

.deep-orange-text.text-lighten-5 {
  color: #fbe9e7 !important; }

.deep-orange.lighten-4 {
  background-color: #ffccbc !important; }

.deep-orange-text.text-lighten-4 {
  color: #ffccbc !important; }

.deep-orange.lighten-3 {
  background-color: #ffab91 !important; }

.deep-orange-text.text-lighten-3 {
  color: #ffab91 !important; }

.deep-orange.lighten-2 {
  background-color: #ff8a65 !important; }

.deep-orange-text.text-lighten-2 {
  color: #ff8a65 !important; }

.deep-orange.lighten-1 {
  background-color: #ff7043 !important; }

.deep-orange-text.text-lighten-1 {
  color: #ff7043 !important; }

.deep-orange.darken-1 {
  background-color: #f4511e !important; }

.deep-orange-text.text-darken-1 {
  color: #f4511e !important; }

.deep-orange.darken-2 {
  background-color: #e64a19 !important; }

.deep-orange-text.text-darken-2 {
  color: #e64a19 !important; }

.deep-orange.darken-3 {
  background-color: #d84315 !important; }

.deep-orange-text.text-darken-3 {
  color: #d84315 !important; }

.deep-orange.darken-4 {
  background-color: #bf360c !important; }

.deep-orange-text.text-darken-4 {
  color: #bf360c !important; }

.deep-orange.accent-1 {
  background-color: #ff9e80 !important; }

.deep-orange-text.text-accent-1 {
  color: #ff9e80 !important; }

.deep-orange.accent-2 {
  background-color: #ff6e40 !important; }

.deep-orange-text.text-accent-2 {
  color: #ff6e40 !important; }

.deep-orange.accent-3 {
  background-color: #ff3d00 !important; }

.deep-orange-text.text-accent-3 {
  color: #ff3d00 !important; }

.deep-orange.accent-4 {
  background-color: #dd2c00 !important; }

.deep-orange-text.text-accent-4 {
  color: #dd2c00 !important; }

.brown {
  background-color: #795548 !important; }

.brown-text {
  color: #795548 !important; }

.brown.lighten-5 {
  background-color: #efebe9 !important; }

.brown-text.text-lighten-5 {
  color: #efebe9 !important; }

.brown.lighten-4 {
  background-color: #d7ccc8 !important; }

.brown-text.text-lighten-4 {
  color: #d7ccc8 !important; }

.brown.lighten-3 {
  background-color: #bcaaa4 !important; }

.brown-text.text-lighten-3 {
  color: #bcaaa4 !important; }

.brown.lighten-2 {
  background-color: #a1887f !important; }

.brown-text.text-lighten-2 {
  color: #a1887f !important; }

.brown.lighten-1 {
  background-color: #8d6e63 !important; }

.brown-text.text-lighten-1 {
  color: #8d6e63 !important; }

.brown.darken-1 {
  background-color: #6d4c41 !important; }

.brown-text.text-darken-1 {
  color: #6d4c41 !important; }

.brown.darken-2 {
  background-color: #5d4037 !important; }

.brown-text.text-darken-2 {
  color: #5d4037 !important; }

.brown.darken-3 {
  background-color: #4e342e !important; }

.brown-text.text-darken-3 {
  color: #4e342e !important; }

.brown.darken-4 {
  background-color: #3e2723 !important; }

.brown-text.text-darken-4 {
  color: #3e2723 !important; }

.blue-grey {
  background-color: #607d8b !important; }

.blue-grey-text {
  color: #607d8b !important; }

.blue-grey.lighten-5 {
  background-color: #eceff1 !important; }

.blue-grey-text.text-lighten-5 {
  color: #eceff1 !important; }

.blue-grey.lighten-4 {
  background-color: #cfd8dc !important; }

.blue-grey-text.text-lighten-4 {
  color: #cfd8dc !important; }

.blue-grey.lighten-3 {
  background-color: #b0bec5 !important; }

.blue-grey-text.text-lighten-3 {
  color: #b0bec5 !important; }

.blue-grey.lighten-2 {
  background-color: #90a4ae !important; }

.blue-grey-text.text-lighten-2 {
  color: #90a4ae !important; }

.blue-grey.lighten-1 {
  background-color: #78909c !important; }

.blue-grey-text.text-lighten-1 {
  color: #78909c !important; }

.blue-grey.darken-1 {
  background-color: #546e7a !important; }

.blue-grey-text.text-darken-1 {
  color: #546e7a !important; }

.blue-grey.darken-2 {
  background-color: #455a64 !important; }

.blue-grey-text.text-darken-2 {
  color: #455a64 !important; }

.blue-grey.darken-3 {
  background-color: #37474f !important; }

.blue-grey-text.text-darken-3 {
  color: #37474f !important; }

.blue-grey.darken-4 {
  background-color: #263238 !important; }

.blue-grey-text.text-darken-4 {
  color: #263238 !important; }

.grey {
  background-color: #9e9e9e !important; }

.grey-text {
  color: #9e9e9e !important; }

.grey.lighten-5 {
  background-color: #fafafa !important; }

.grey-text.text-lighten-5 {
  color: #fafafa !important; }

.grey.lighten-4 {
  background-color: #f5f5f5 !important; }

.grey-text.text-lighten-4 {
  color: #f5f5f5 !important; }

.grey.lighten-3 {
  background-color: #eeeeee !important; }

.grey-text.text-lighten-3 {
  color: #eeeeee !important; }

.grey.lighten-2 {
  background-color: #e0e0e0 !important; }

.grey-text.text-lighten-2 {
  color: #e0e0e0 !important; }

.grey.lighten-1 {
  background-color: #bdbdbd !important; }

.grey-text.text-lighten-1 {
  color: #bdbdbd !important; }

.grey.darken-1 {
  background-color: #757575 !important; }

.grey-text.text-darken-1 {
  color: #757575 !important; }

.grey.darken-2 {
  background-color: #616161 !important; }

.grey-text.text-darken-2 {
  color: #616161 !important; }

.grey.darken-3 {
  background-color: #424242 !important; }

.grey-text.text-darken-3 {
  color: #424242 !important; }

.grey.darken-4 {
  background-color: #212121 !important; }

.grey-text.text-darken-4 {
  color: #212121 !important; }

.black {
  background-color: #000000 !important; }

.black-text {
  color: #000000 !important; }

.white {
  background-color: #FFFFFF !important; }

.white-text {
  color: #FFFFFF !important; }

.transparent {
  background-color: transparent !important; }

.transparent-text {
  color: transparent !important; }

.site-search {
  position: relative; }
  .site-search input {
    box-sizing: border-box;
    width: 100%;
    height: 35px;
    background: #f0f0f0;
    border: 1px solid #ccc;
    border-radius: 2px; }
  .site-search .icon-search {
    position: absolute;
    right: 8px;
    margin-top: -12px;
    top: 50%; }

/**
列表视图 0
|- li --------------------------|
| [img-wrap] | [h1]      |      |
|            | [content] |      |
|-------------------------------|
 */
.list-view-0 li {
  padding: 30px 0;
  border-bottom: 1px dashed #ccc; }
  .list-view-0 li .img-wrap {
    float: left;
    width: 213px;
    height: 150px;
    margin-right: 30px; }
  .list-view-0 li h1 {
    font-size: 18px;
    margin-top: 4px;
    margin-bottom: 15px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis; }
  .list-view-0 li .base-info {
    float: left; }
    .list-view-0 li .base-info p {
      color: #666666;
      font-size: 14px; }
    .list-view-0 li .base-info .taxonomy {
      margin-bottom: 8px;
      width: 350px;
      white-space: nowrap; }
    .list-view-0 li .base-info .address {
      margin-bottom: 12px;
      width: 350px;
      height: 18px;
      overflow: hidden; }
    .list-view-0 li .base-info .taxonomy-cz {
      margin-bottom: 8px;
      width: 310px;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis; }
    .list-view-0 li .base-info .address-cz {
      margin-bottom: 12px;
      width: 310px;
      height: 18px;
      overflow: hidden; }
    .list-view-0 li .base-info .lu {
      font-size: 14px;
      color: #999999; }
    .list-view-0 li .base-info .tagtsys {
      margin-top: 15px; }
      .list-view-0 li .base-info .tagtsys span {
        float: left;
        margin-right: 10px;
        padding: 2px 5px;
        font-size: 14px; }
    .list-view-0 li .base-info .t_span1 {
      border: 1px solid #FE0000; }
    .list-view-0 li .base-info .t_span2 {
      border: 1px solid #7ECDF4; }
    .list-view-0 li .base-info .t_span3 {
      border: 1px solid #81C36B; }
  .list-view-0 li .extra-info {
    float: right;
    /*margin-top: 80px;*/ }
    .list-view-0 li .extra-info span {
      font-size: 24px;
      color: #ef3232; }

/**
列表视图 1
|- li --------------------------|
| [img-wrap] | [h1]      |      |
|            | [content] |      |
|-------------------------------|
 */
.list-view-1 li {
  padding: 30px 0;
  border-bottom: 1px dashed #ccc; }
  .list-view-1 li .img-wrap {
    float: left;
    width: 213px;
    height: 150px;
    margin-right: 30px; }
  .list-view-1 li h1 {
    font-size: 18px;
    margin-top: 4px;
    margin-bottom: 15px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis; }
  .list-view-1 li .base-info {
    float: left; }
    .list-view-1 li .base-info p {
      color: #666666;
      font-size: 14px; }
    .list-view-1 li .base-info .taxonomy {
      margin-bottom: 8px;
      width: 350px;
      white-space: nowrap; }
    .list-view-1 li .base-info .address {
      margin-bottom: 12px;
      width: 350px;
      height: 18px;
      overflow: hidden; }
    .list-view-1 li .base-info .taxonomy-cz {
      margin-bottom: 8px;
      width: 310px;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis; }
    .list-view-1 li .base-info .address-cz {
      margin-bottom: 12px;
      width: 310px;
      height: 18px;
      overflow: hidden; }
    .list-view-1 li .base-info .lu {
      font-size: 14px;
      color: #999999; }
    .list-view-1 li .base-info .tagtsys {
      margin-top: 15px; }
      .list-view-1 li .base-info .tagtsys span {
        float: left;
        margin-right: 10px;
        padding: 2px 5px;
        font-size: 14px; }
    .list-view-1 li .base-info .t_span1 {
      border: 1px solid #FE0000; }
    .list-view-1 li .base-info .t_span2 {
      border: 1px solid #7ECDF4; }
    .list-view-1 li .base-info .t_span3 {
      border: 1px solid #81C36B; }
  .list-view-1 li .extra-info {
    float: right;
    /*margin-top: 80px;*/ }
    .list-view-1 li .extra-info span {
      font-size: 24px;
      color: #ef3232; }

.list-view-1 .base-info p {
  color: #666;
  margin-bottom: 10px; }
  .list-view-1 .base-info p.name {
    margin: 10px 0 26px;
    color: #333;
    font-size: 20px; }

/**
普通文章
|- li --------------|
| [img] | [title]   |
|       | [content] |
|-------------------|
 */
.list-view-2 {
  padding-bottom: 30px; }
  .list-view-2 li {
    padding: 30px 0;
    border-bottom: 1px dashed #ccc; }
    .list-view-2 li .img-wrap {
      float: left;
      width: 213px;
      height: 150px;
      margin-right: 30px; }
    .list-view-2 li h1 {
      font-size: 18px;
      margin-top: 4px;
      margin-bottom: 15px;
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis; }
    .list-view-2 li .base-info {
      float: left; }
      .list-view-2 li .base-info p {
        color: #666666;
        font-size: 14px; }
      .list-view-2 li .base-info .taxonomy {
        margin-bottom: 8px;
        width: 350px;
        white-space: nowrap; }
      .list-view-2 li .base-info .address {
        margin-bottom: 12px;
        width: 350px;
        height: 18px;
        overflow: hidden; }
      .list-view-2 li .base-info .taxonomy-cz {
        margin-bottom: 8px;
        width: 310px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis; }
      .list-view-2 li .base-info .address-cz {
        margin-bottom: 12px;
        width: 310px;
        height: 18px;
        overflow: hidden; }
      .list-view-2 li .base-info .lu {
        font-size: 14px;
        color: #999999; }
      .list-view-2 li .base-info .tagtsys {
        margin-top: 15px; }
        .list-view-2 li .base-info .tagtsys span {
          float: left;
          margin-right: 10px;
          padding: 2px 5px;
          font-size: 14px; }
      .list-view-2 li .base-info .t_span1 {
        border: 1px solid #FE0000; }
      .list-view-2 li .base-info .t_span2 {
        border: 1px solid #7ECDF4; }
      .list-view-2 li .base-info .t_span3 {
        border: 1px solid #81C36B; }
    .list-view-2 li .extra-info {
      float: right;
      /*margin-top: 80px;*/ }
      .list-view-2 li .extra-info span {
        font-size: 24px;
        color: #ef3232; }
  .list-view-2 li {
    border: none;
    padding: 30px 0 0; }
    .list-view-2 li h1 {
      color: #333;
      margin: 22px 0; }
    .list-view-2 li p {
      color: #999;
      line-height: 24px;
      overflow: hidden;
      max-height: 50px; }

/**
三列视图
|- li --------------|- li --------------|- li --------------|
| [img]             | [img]             | [img]             |
|-------------------|-------------------|-------------------|
| [content]         | [content]         | [content]         |
|-------------------|-------------------|-------------------|
 */
.three-column-gird {
  width: 120%;
  padding-top: 40px; }
  .three-column-gird:after {
    clear: both;
    height: 0;
    overflow: hidden;
    display: block;
    visibility: hidden;
    content: "."; }
  .three-column-gird li {
    float: left;
    margin-right: 27px;
    margin-bottom: 60px; }
    .three-column-gird li .img-wrap {
      width: 232px;
      height: 155px;
      margin-bottom: 16px; }
    .three-column-gird li h2 {
      font-size: 16px;
      margin-bottom: 12px;
      color: #333;
      width: 232px;
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis; }
    .three-column-gird li p {
      color: #666; }

.panel-header .pane-top .jp a {
  font-weight: normal;
  padding: 0 10px;
  position: relative;
  float: left;
  font-size: 16px;
  color: #333; }
  .panel-header .pane-top .jp a.active:after {
    position: absolute;
    top: 26px;
    left: 0;
    right: 0;
    content: " ";
    border-bottom: 2px solid #ef3232; }

/**
100% 宽度样式
 */
.breadcrumb {
  padding: 20px 0;
  color: #999999; }

/**
携带 filter 样式
 */
.breadcrumb-wrap {
  display: table;
  margin: 5px 0 20px 0;
  width: 100%;
  background: #f3f3f3; }
  .breadcrumb-wrap .breadcrumb {
    height: 56px;
    padding: 0 5px;
    display: table-cell;
    vertical-align: middle; }
  .breadcrumb-wrap .filter {
    display: table-cell;
    vertical-align: middle;
    padding: 0 5px; }
    .breadcrumb-wrap .filter form {
      float: right; }

/**
页面搜索选项面板
*/
.detail-headline {
  margin-bottom: 20px; }

.filter-pane {
  border-bottom: 1px solid #d9d9d9;
  font-size: 14px; }
  .filter-pane .pane-top {
    padding: 0 20px;
    vertical-align: middle;
    height: 36px;
    line-height: 36px;
    background-color: #f9f9f9; }
    .filter-pane .pane-top.no-padding {
      padding: 0; }
    .filter-pane .pane-top .tabs a {
      padding: 0 50px;
      display: inline-block; }
      .filter-pane .pane-top .tabs a.active {
        color: white;
        background-color: #ef3232; }
    .filter-pane .pane-top.decorate-line {
      height: 0;
      border-bottom: 1px solid #D9D9D9; }
    .filter-pane .pane-top p.notice span {
      color: #ef3232; }
  .filter-pane .pane-body .search-group {
    padding: 0 20px;
    display: table;
    width: 100%;
    height: 46px; }
    .filter-pane .pane-body .search-group:not(:last-child) {
      border-bottom: 1px dashed #ebebeb; }
    .filter-pane .pane-body .search-group .label {
      width: 80px;
      color: #666;
      display: table-cell;
      vertical-align: middle; }
    .filter-pane .pane-body .search-group .items {
      display: table-cell;
      vertical-align: middle;
      line-height: 20px;
      word-break: keep-all;
      padding: 15px 0; }
      .filter-pane .pane-body .search-group .items a {
        margin-right: 15px; }
      .filter-pane .pane-body .search-group .items a.active {
        color: #ef3232; }
      .filter-pane .pane-body .search-group .items .search-input {
        padding: 20px 0; }
        .filter-pane .pane-body .search-group .items .search-input .search-box {
          text-indent: 12px;
          float: left;
          margin-right: 5px;
          width: 343px;
          box-sizing: border-box;
          border: 1px solid #d9d9d9;
          height: 36px;
          border-radius: 3px; }
        .filter-pane .pane-body .search-group .items .search-input .search-btn {
          float: left;
          border-radius: 3px;
          height: 36px;
          width: 74px;
          background-color: #ef3232;
          color: white;
          border: none; }
      .filter-pane .pane-body .search-group .items .append-end {
        display: inline-block; }
        .filter-pane .pane-body .search-group .items .append-end form {
          display: inline-block; }
          .filter-pane .pane-body .search-group .items .append-end form input {
            border: 1px solid #ccc;
            box-sizing: border-box;
            display: inline-block;
            width: 66px;
            height: 24px; }
          .filter-pane .pane-body .search-group .items .append-end form button {
            margin-left: 10px;
            float: right;
            border: 1px solid #ccc;
            box-sizing: border-box;
            height: 24px;
            background: white; }
  .filter-pane .jp a {
    position: relative;
    height: 100%;
    box-sizing: border-box;
    float: left;
    padding: 0 10px;
    display: block;
    font-size: 16px; }
    .filter-pane .jp a.active:after {
      content: " ";
      position: absolute;
      left: 0;
      top: 34px;
      right: 0;
      height: 2px;
      background-color: #ef3232; }

/**
分页样式
 */
.pagination {
  text-align: center; }
  .pagination ul {
    display: inline-block;
    padding-bottom: 15px; }
    .pagination ul:after {
      clear: both;
      height: 0;
      overflow: hidden;
      display: block;
      visibility: hidden;
      content: "."; }
    .pagination ul li {
      float: left;
      border: 1px solid #D8D8D8;
      border-radius: 3px;
      margin-right: 10px; }
      .pagination ul li:hover {
        color: #359af8;
        border-color: #359af8; }
      .pagination ul li.active {
        color: #359af8;
        border-color: #359af8; }
      .pagination ul li a {
        padding: 6px 10px;
        display: block;
        font-size: 16px; }
        .pagination ul li a:hover {
          color: inherit; }
  .pagination .pagination-info {
    color: #666666;
    font-size: 16px;
    text-align: center; }
	
.pagination ul a  {
      float: left;
      border: 1px solid #D8D8D8;
      border-radius: 3px;
	  padding: 6px 10px;
	  display: block;
	  font-size: 16px;}
	
.pagination ul a:hover {
        color: #359af8;
        border-color: #359af8; }
.pagination ul a.active {
        color: #359af8;
        border-color: #359af8; }
/*

+-------+-------+-------+-------+
| Title                         |
+-------+-------+-------+-------+
| tab_1 | tab_2 | tab_3 | ...   |
+-------+-------+-------+-------+
| img   | img   | img   | img   |
| title | title | title | title |
| desc  | desc  | desc  | desc  |
+-------+-------+-------+-------+

 */
.web-tabs h1 {
  font-size: 24px;
  font-weight: normal;
  margin-bottom: 28px; }

.web-tabs .nav-tabs {
  margin-bottom: 30px; }
  .web-tabs .nav-tabs li {
    display: inline-block; }
    .web-tabs .nav-tabs li.active a:after {
      border-bottom: 2px solid #ef3232; }
    .web-tabs .nav-tabs li a {
      position: relative;
      font-size: 16px;
      padding: 0 20px;
      display: block; }
      .web-tabs .nav-tabs li a:after {
        position: absolute;
        content: " ";
        left: 0;
        bottom: -6px;
        width: 100%; }

.web-tabs .tab-content .tab-pane {
  display: none; }
  .web-tabs .tab-content .tab-pane.active {
    display: block; }
  .web-tabs .tab-content .tab-pane ul:after {
    clear: both;
    height: 0;
    overflow: hidden;
    display: block;
    visibility: hidden;
    content: "."; }
  .web-tabs .tab-content .tab-pane ul li {
    float: left; }
    .web-tabs .tab-content .tab-pane ul li:not(:last-child) {
      margin-right: 20px; }
    .web-tabs .tab-content .tab-pane ul li .img-wrap {
      width: 244px;
      height: 183px;
      margin-bottom: 7px; }
    .web-tabs .tab-content .tab-pane ul li p {
      color: #333333;
      margin-bottom: 6px;
      overflow: hidden;
      width: 244px;
      height: 20px;
      line-height: 20px; }
      .web-tabs .tab-content .tab-pane ul li p.title {
        font-size: 16px;
        margin-bottom: 15px; }

.body {
  position: relative; }

.fixed-sidebar {
  width: 100%;
  position: fixed;
  top: 155px;
  left: 0;
  background: rgba(0, 0, 0, 0.3); }
  .fixed-sidebar .container {
    position: relative; }
  .fixed-sidebar .sidebar-inner {
    overflow: hidden;
    position: absolute;
    left: -122px;
    width: 110px;
    border-radius: 3px;
    box-shadow: 0 0 9px rgba(129, 129, 129, 0.38);
    background: white; }
    .fixed-sidebar .sidebar-inner ul li {
      height: 50px;
      line-height: 50px;
      text-align: center; }
      .fixed-sidebar .sidebar-inner ul li.active {
        background: #ef3232; }
        .fixed-sidebar .sidebar-inner ul li.active a {
          color: white; }
          .fixed-sidebar .sidebar-inner ul li.active a:hover {
            background: #ef3232 !important; }
      .fixed-sidebar .sidebar-inner ul li a {
        display: block;
        font-size: 16px;
        color: #666; }
        .fixed-sidebar .sidebar-inner ul li a:hover {
          background: #eaecf5 !important; }

.common-sidebar {
  padding-top: 20px;
  background: #f0f0f0; }
  .common-sidebar .topic {
    border-left: 4px solid #ef3232;
    font-size: 16px;
    text-indent: 10px;
    color: #333333;
    margin-bottom: 22px; }
  .common-sidebar .archive {
    padding: 0 10px 25px; }
    .common-sidebar .archive a:link {
      color: #666666; }

.panel-header {
  border-bottom: 2px solid #e8e8e8;
  padding: 8px 0; }
  .panel-header .title {
    font-weight: normal;
    padding: 0 10px;
    position: relative;
    float: left;
    font-size: 16px;
    color: #333; }
    .panel-header .title.np {
      padding: 0; }
    .panel-header .title:after {
      position: absolute;
      top: 26px;
      left: 0;
      right: 0;
      content: " ";
      border-bottom: 2px solid #ef3232; }
  .panel-header .control-pane {
    float: right;
    line-height: 16px;
    color: #666666; }
    .panel-header .control-pane a {
      margin-left: 10px; }
      .panel-header .control-pane a .site-icon {
        margin-left: 4px; }

.table-sidebar .t {
  margin-top: 28px;
  margin-bottom: 17px; }
  .table-sidebar .t .img-wrap {
    float: left;
    width: 154px;
    height: 110px;
    margin-right: 24px; }
  .table-sidebar .t .pt {
    color: #333333;
    line-height: 1.5;
    padding-top: 10px;
    margin-bottom: 40px; }
    .table-sidebar .t .pt a {
      height: 40px;
      line-height: 1.5;
      overflow: hidden;
      display: block; }
  .table-sidebar .t .price {
    font-size: 18px;
    color: #ef3232; }

.table-sidebar .table-list {
  color: #666666; }
  .table-sidebar .table-list ul li.header a {
    cursor: inherit;
    margin: 20px 0;
    font-weight: bold; }
    .table-sidebar .table-list ul li.header a:hover {
      color: inherit; }
  .table-sidebar .table-list ul li a {
    display: table;
    table-layout: fixed;
    width: 100%;
    margin-bottom: 12px;
    line-height: 1.5; }
    .table-sidebar .table-list ul li a span {
      display: table-cell; }
    .table-sidebar .table-list ul li a .title {
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis;
      width: 45%; }
    .table-sidebar .table-list ul li a .spec {
      width: 15%;
      text-align: center; }
    .table-sidebar .table-list ul li a .price {
      width: 30%;
      text-align: center; }
    .table-sidebar .table-list ul li a .date {
      text-align: center; }

.table-sidebar .table-list-cz {
  color: #666666; }
  .table-sidebar .table-list-cz ul li.header a {
    cursor: inherit;
    margin: 20px 0;
    font-weight: bold; }
    .table-sidebar .table-list-cz ul li.header a:hover {
      color: inherit; }
  .table-sidebar .table-list-cz ul li a {
    display: table;
    table-layout: fixed;
    width: 100%;
    margin-bottom: 12px;
    line-height: 1.5; }
    .table-sidebar .table-list-cz ul li a span {
      display: table-cell; }
    .table-sidebar .table-list-cz ul li a .title {
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis;
      width: 40%; }
    .table-sidebar .table-list-cz ul li a .spec {
      width: 30%;
      text-align: center; }
    .table-sidebar .table-list-cz ul li a .price {
      width: 30%;
      text-align: center; }
    .table-sidebar .table-list-cz ul li a .date {
      text-align: center; }

.agent-info-sidebar {
  color: #666666; }
  .agent-info-sidebar.current-agent {
    padding: 0 20px;
    border: 1px solid #D1D1D1; }
    .agent-info-sidebar.current-agent .archive .phone {
      margin: 40px 0 40px 30px; }
    .agent-info-sidebar.current-agent .archive .b {
      margin-left: 0; }
  .agent-info-sidebar .archive .t {
    margin-top: 25px;
    margin-bottom: 20px; }
  .agent-info-sidebar .archive .img-wrap {
    margin-right: 20px; }
  .agent-info-sidebar .archive .name {
    font-size: 18px;
    padding: 10px 0 25px; }
  .agent-info-sidebar .archive .img-wrap {
    float: left;
    width: 113px;
    height: 143px; }
  .agent-info-sidebar .archive .sg {
    margin-top: 3px;
    margin-bottom: 13px;
    color: #ffb400; }
  .agent-info-sidebar .archive .v a {
    font-size: 12px;
    padding: 3px 5px;
    background: #359af8;
    border-radius: 3px;
    color: white; }
  .agent-info-sidebar .archive .b {
    margin-left: 30px; }
    .agent-info-sidebar .archive .b p {
      margin-bottom: 15px; }
    .agent-info-sidebar .archive .b .phone {
      position: relative;
      font-size: 18px; }
      .agent-info-sidebar .archive .b .phone .icon-yellow-phone-small {
        position: absolute;
        left: -30px;
        top: -2px; }

.other-recommend-houses .topic {
  margin-bottom: 20px; }

.other-recommend-houses .archive li {
  margin-bottom: 50px;
  color: #333333; }
  .other-recommend-houses .archive li .img-wrap {
    height: 187px;
    margin-bottom: 10px; }
  .other-recommend-houses .archive li h1 {
    font-size: 16px;
    margin-bottom: 10px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }
  .other-recommend-houses .archive li p span {
    color: #ef3232;
    float: right;
    font-size: 14px;
    font-weight: bold; }

.subscribe-visit-house {
  text-align: center;
  color: #666666;
  padding-bottom: 24px; }
  .subscribe-visit-house .switch {
    padding: 33px 0; }
    .subscribe-visit-house .switch span {
      margin: 0 auto; }
    .subscribe-visit-house .switch a {
      padding: 4px 20px;
      font-size: 16px;
      border-radius: 13px; }
      .subscribe-visit-house .switch a.active {
        color: white;
        background: #ffc537; }
      .subscribe-visit-house .switch a:not(:last-child) {
        margin-right: 30px; }
  .subscribe-visit-house .switch-content .tab-content {
    margin-bottom: 20px;
    display: none; }
    .subscribe-visit-house .switch-content .tab-content p {
      margin-bottom: 10px; }
      .subscribe-visit-house .switch-content .tab-content p.last {
        margin-bottom: 30px; }
      .subscribe-visit-house .switch-content .tab-content p input {
        border: 1px solid #bfbfbf;
        height: 33px;
        border-radius: 3px; }
    .subscribe-visit-house .switch-content .tab-content label {
      width: 60px;
      text-align: right;
      display: inline-block;
      margin-right: 8px;
      font-size: 14px; }
    .subscribe-visit-house .switch-content .tab-content button {
      color: white;
      font-size: 14px;
      background: #39bee4;
      line-height: 18px;
      border: none;
      border-radius: 5px;
      padding: 10px 18px; }

.price-trend, .qa {
  box-sizing: border-box;
  padding: 0 16px; }
  .price-trend h1, .qa h1 {
    color: #666;
    text-align: center;
    font-size: 16px;
    padding: 28px 0; }

.qa {
  padding-bottom: 26px; }
  .qa textarea {
    box-sizing: border-box;
    padding: 10px;
    margin: 0 0 28px;
    width: 100%;
    border: 1px solid #bfbfbf;
    border-radius: 3px; }
  .qa a {
    display: inline-block;
    font-size: 18px;
    padding: 10px;
    border-radius: 5px; }
  .qa a.ask {
    margin-right: 14px;
    color: white;
    background: #39bee4; }
  .qa a.sq {
    color: #39bee4;
    border: 1px solid #39bee4; }

.common-dot-prefix ul > li {
  position: relative;
  padding-left: 14px; }
  .common-dot-prefix ul > li a {
    display: block;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis; }
  .common-dot-prefix ul > li a:link {
    color: #666666;
    line-height: 1.5; }
  .common-dot-prefix ul > li:not(:last-child) {
    margin-bottom: 15px; }
  .common-dot-prefix ul > li:before {
    left: 0;
    position: absolute;
    border-radius: 50%;
    content: " ";
    top: 8px;
    width: 6px;
    height: 6px;
    background-color: #666666; }

.common-dot-prefix ul {
  padding-top: 24px; }

/*
 * 侧边栏列表形式

+--------+----------+
|  Image | Title    |
+        +----------+
|        | Subtitle |
+--------+----------+
...more

 */
.sidebar-list-view .archive {
  padding-top: 20px; }
  .sidebar-list-view .archive ul > li {
    display: table;
    margin-bottom: 27px; }
    .sidebar-list-view .archive ul > li:after {
      clear: both;
      height: 0;
      overflow: hidden;
      display: block;
      visibility: hidden;
      content: "."; }
    .sidebar-list-view .archive ul > li .img-wrap {
      display: table-cell;
      vertical-align: top;
      width: 100px; }
      .sidebar-list-view .archive ul > li .img-wrap img {
        width: 100%; }
    .sidebar-list-view .archive ul > li .side {
      display: table-cell;
      vertical-align: top;
      padding: 6px 0 6px 12px; }
      .sidebar-list-view .archive ul > li .side h2 {
        line-height: 1.4;
        font-size: 14px;
        display: table-row;
        height: 52px; }
      .sidebar-list-view .archive ul > li .side p {
        color: #999999;
        display: table-row; }

.inner-sub-nav {
  border-top: 3px solid #ef3232;
  height: 48px;
  box-shadow: 0 0 9px rgba(0, 0, 0, 0.21); }
  .inner-sub-nav ul {
    display: table;
    width: 100%;
    height: 48px;
    table-layout: fixed; }
    .inner-sub-nav ul li {
      display: table-cell; }
      .inner-sub-nav ul li a {
        display: block;
        text-align: center;
        line-height: 48px;
        height: 100%;
        font-weight: bold; }
        .inner-sub-nav ul li a.active {
          background: #ef3232;
          color: white; }

.inner-house-page-header {
  margin-bottom: 22px; }
  .inner-house-page-header .l {
    float: left;
    margin-right: 20px; }
    .inner-house-page-header .l .img-wrap {
      width: 60px;
      height: 60px; }
  .inner-house-page-header .m {
    float: left; }
    .inner-house-page-header .m h1 {
      font-weight: normal;
      font-size: 30px;
      margin-bottom: 7px; }
    .inner-house-page-header .m i {
      float: left;
      margin-right: 9px;
      display: block;
      color: #666666;
      box-sizing: border-box;
      font-style: normal;
      padding: 2px 5px;
      border: 1px solid #BFBFBF;
      border-radius: 2px; }
  .inner-house-page-header .r {
    float: right; }
    .inner-house-page-header .r p {
      color: #666666; }
      .inner-house-page-header .r p:not(:last-child) {
        margin-bottom: 8px; }
      .inner-house-page-header .r p span {
        border: 1px solid #ccc;
        display: inline-block;
        margin-right: 10px;
        margin-left: 10px;
        padding: 0 3px;
        width: 42px; }

.member-comment .score {
  color: #333333;
  display: table;
  width: 100%; }
  .member-comment .score .l {
    width: 18%;
    display: table-cell;
    text-align: center;
    border-right: 1px solid #bbbbbb; }
    .member-comment .score .l span {
      display: block;
      font-size: 36px;
      color: #ef3232; }
  .member-comment .score .r {
    display: table-cell; }
    .member-comment .score .r dl {
      font-size: 16px;
      width: 180px;
      display: inline-block;
      margin-left: 20px; }
      .member-comment .score .r dl dt {
        display: inline-block;
        font-size: 14px; }
      .member-comment .score .r dl dd {
        display: inline-block; }
        .member-comment .score .r dl dd:nth-child(2) {
          width: 100px;
          vertical-align: middle; }
          .member-comment .score .r dl dd:nth-child(2) i {
            background: linear-gradient(90deg, pink, #ef3232);
            display: block;
            height: 4px;
            border-radius: 2px;
            width: 100%; }

.member-comment-content ul {
  padding-bottom: 25px; }

.member-comment-content ul > li {
  padding-top: 30px;
  padding-bottom: 30px;
  border-bottom: 1px dashed #ccc; }
  .member-comment-content ul > li:after {
    clear: both;
    height: 0;
    overflow: hidden;
    display: block;
    visibility: hidden;
    content: "."; }

.member-comment-content .img-wrap {
  float: left;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  margin-right: 15px; }

.member-comment-content .com-info {
  color: #0068b7;
  float: left;
  font-size: 14px;
  width: 90%; }
  .member-comment-content .com-info span {
    color: #c9c9c9;
    float: right; }
  .member-comment-content .com-info .info {
    margin-top: 10px;
    color: #7d7d7d;
    line-height: 1.3; 
	white-space:pre-line; }

.member-comment-content .comment {
  padding-left: 67px;
  float: left;
  width: 100%; }

.member-comment-content form {
  width: 100%; }
  .member-comment-content form textarea {
    box-sizing: border-box;
    border: 1px solid #b8b8b8;
    padding: 18px;
    width: 100%;
    border-radius: 3px;
    margin-bottom: 6px; }
  .member-comment-content form .control {
    padding: 0 14px;
    height: 60px;
    background: #ededed; }
    .member-comment-content form .control a {
      line-height: 60px;
      margin-right: 8px; }
    .member-comment-content form .control button {
      margin-top: 14px;
      float: right;
      border: none;
      border-radius: 3px;
      padding: 9px 31px;
      color: white;
      background: #4564E7; }
    .member-comment-content form .control .img-wrap {
      margin-top: 14px;
      width: 32px;
      height: 32px; }

.ad {
  width: 100%;
  height: 55px;
  background: #f0f0f0; }
  .ad .img-wrap {
    width: 100%;
    height: 100%; }

/**
 * 可控制的地图
 * 用于筛选地图上的配套设施
 */
.controllable-map .map .map-wrap {
  height: 415px;
  background: #000;
  margin-bottom: 3px; }

.controllable-map .map .controller {
  height: 114px;
  background: #3f3f3f; }
  .controllable-map .map .controller ul {
    display: table;
    width: 100%; }
    .controllable-map .map .controller ul li {
      box-sizing: border-box;
      padding-top: 18px;
      text-align: center;
      color: white;
      height: 114px;
      display: table-cell; }
      .controllable-map .map .controller ul li:not(:last-child) {
        border-right: 1px solid white; }
      .controllable-map .map .controller ul li .icon {
        margin: 0 auto;
        width: 47px;
        height: 42px;
        margin-bottom: 10px; }
      .controllable-map .map .controller ul li b {
        display: block;
        margin-bottom: 7px; }
      .controllable-map .map .controller ul li p.result {
        font-size: 12px; }

/**
the icons of website
 */
.site-icon {
  display: inline-block;
  border-style: none;
  background-image: url(/dist/img/15ef2eaa979e8e667bebaa39e62a89de.png);
  background-repeat: no-repeat; }
  .site-icon.icon-search {
    width: 22px;
    height: 22px;
    background-position: 0 0; }
  .site-icon.icon-author {
    width: 16px;
    height: 16px;
    background-position: -34px 0; }
  .site-icon.icon-time {
    width: 16px;
    height: 16px;
    background-position: -59px 0; }
  .site-icon.icon-video {
    width: 17px;
    height: 11px;
    background-position: -88px 0; }
  .site-icon.icon-position {
    width: 15px;
    height: 15px;
    background-position: -117px 0; }
  .site-icon.icon-area {
    width: 15px;
    height: 15px;
    background-position: -137px 0; }
  .site-icon.icon-play {
    width: 12px;
    height: 15px;
    background-position: -162px 0; }
  .site-icon.icon-pause {
    width: 10px;
    height: 14px;
    background-position: -181px 0; }
  .site-icon.icon-favorite-on {
    width: 18px;
    height: 15px;
    background-position: -220px 0; }
  .site-icon.icon-favorite-off {
    width: 18px;
    height: 15px;
    background-position: -197px 0; }
  .site-icon.icon-search {
    width: 22px;
    height: 22px;
    background-position: 0 0; }
  .site-icon.icon-author {
    width: 16px;
    height: 16px;
    background-position: -34px 0; }
  .site-icon.icon-time {
    width: 16px;
    height: 16px;
    background-position: -59px 0; }
  .site-icon.icon-gray-position {
    width: 12px;
    height: 15px;
    background-position: -244px 0; }
  .site-icon.icon-recommend-1 {
    width: 28px;
    height: 28px;
    background-position: -268px 0; }
  .site-icon.icon-recommend-2 {
    width: 30px;
    height: 25px;
    background-position: -304px 0; }
  .site-icon.icon-recommend-3 {
    width: 28px;
    height: 28px;
    background-position: -342px 0; }
  .site-icon.icon-recommend-4 {
    width: 29px;
    height: 29px;
    background-position: -381px 0; }
  .site-icon.icon-label {
    width: 15px;
    height: 15px;
    background-position: -6px -24px; }
  .site-icon.icon-house {
    width: 15px;
    height: 15px;
    background-position: -36px -24px; }
  .site-icon.icon-star {
    width: 15px;
    height: 15px;
    background-position: -60px -24px; }
  .site-icon.icon-arrow-down {
    width: 8px;
    height: 11px;
    background-position: -91px -24px; }
  .site-icon.icon-arrow-up {
    width: 8px;
    height: 11px;
    background-position: -119px -24px; }
  .site-icon.icon-yellow-phone {
    width: 28px;
    height: 28px;
    background-position: 0 -48px; }
    .site-icon.icon-yellow-phone-small {
      width: 23px;
      height: 23px;
      background-position: 0 -78px; }
  .site-icon.icon-yellow-star {
    width: 17px;
    height: 17px;
    background-position: -33px -48px; }
    .site-icon.icon-yellow-star-small {
      width: 17px;
      height: 17px;
      background-position: -33px -78px; }
  .site-icon.icon-blue-position {
    width: 14px;
    height: 17px;
    background-position: -60px -48px; }
  .site-icon.icon-tie {
    width: 24px;
    height: 25px;
    background-position: -60px -78px; }
  .site-icon.icon-calculate {
    width: 26px;
    height: 26px;
    background-position: -88px -48px; }
  .site-icon.icon-traffic {
    width: 43px;
    height: 42px;
    background-position: 0 -110px; }
  .site-icon.icon-school {
    width: 47px;
    height: 42px;
    background-position: -47px -110px; }
  .site-icon.icon-shopping {
    width: 34px;
    height: 42px;
    background-position: -106px -110px; }
  .site-icon.icon-hospital {
    width: 36px;
    height: 42px;
    background-position: -184px -110px; }
  .site-icon.icon-bank {
    width: 36px;
    height: 42px;
    background-position: -144px -110px; }
  .site-icon.icon-entertainment {
    width: 34px;
    height: 42px;
    background-position: -224px -110px; }
  .site-icon.icon-food {
    width: 40px;
    height: 42px;
    background-position: -260px -110px; }
  .site-icon.left-arrow {
    width: 12px;
    height: 32px;
    background-position: -304px -110px; }
  .site-icon.right-arrow {
    width: 12px;
    height: 32px;
    background-position: -320px -110px; }

/**
首页样式
 */
.recommend-house {
  margin-top: 10px;
  margin-bottom: 15px; }
  .recommend-house ul li {
    float: left;
    position: relative;
    width: 252px;
    height: 183px;
    display: inline-block; }
    .recommend-house ul li:not(:last-child) {
      margin-right: 24px; }
    .recommend-house ul li .img-wrap {
      background: #74ebd5;
      width: 100%;
      height: 100%; }
    .recommend-house ul li .text-background {
      display: flex;
      flex-direction: column;
      justify-content: center;
      position: absolute;
      right: 0;
      left: 0;
      bottom: 0;
      height: 67px;
      background: rgba(8, 8, 8, 0.6); }
      .recommend-house ul li .text-background p {
        padding: 0 10PX;
        display: flex;
        justify-content: space-between;
        color: white; }
        .recommend-house ul li .text-background p.address {
          font-size: 16px;
          margin-bottom: 12px; }

/* - LEFT MAIN - */
.main-content {
  float: left;
  width: 750px; }

/* - RIGHT SIDE - */
.sidebar-section {
  float: right;
  width: 300px; }

.home-carousel {
  width: 100%; }
  .home-carousel .info-headline {
    padding-right: 16px; }
    .home-carousel .info-headline:after {
      clear: both;
      height: 0;
      overflow: hidden;
      display: block;
      visibility: hidden;
      content: "."; }
    .home-carousel .info-headline .img-wrap {
      float: left;
      width: 437px;
      height: 318px;
      margin-right: 16px; }
    .home-carousel .info-headline h1 {
      line-height: 1.6;
      padding: 50px 0;
      font-size: 20px;
      color: #333;
      height: 50px;
      overflow: hidden;
      margin-bottom: 40px;
      font-weight: bold; }
    .home-carousel .info-headline p:nth-child(3) {
      color: #999999;
      margin-bottom: 22px; }
    .home-carousel .info-headline p:nth-child(4) {
      font-size: 14px;
      line-height: 1.6;
      height: 70px;
      overflow: hidden;
      color: #787676e6; }
      .home-carousel .info-headline p:nth-child(4) a:link {
        color: #666666; }
  .home-carousel .carousel-wrap {
    margin-bottom: 28px;
    box-shadow: 2px 0 27px rgba(162, 162, 162, 0.51); }
  .home-carousel .carousel-title {
    margin-bottom: 26px; }
    .home-carousel .carousel-title h1 {
      display: none;
      font-size: 30px;
      font-weight: bold; }
      .home-carousel .carousel-title h1.active {
        display: block; }
  .home-carousel .carousel-main {
    float: left;
    width: 616px;
    height: 392px; }
    .home-carousel .carousel-main li {
      display: none;
      height: 392px;
      background-color: #f0f0f0; }
      .home-carousel .carousel-main li.active {
        display: block; }
      .home-carousel .carousel-main li a {
        height: 392px; }
  .home-carousel .carousel-nav {
    float: right;
    width: 134px;
    height: 392px; }
    .home-carousel .carousel-nav li {
      width: 134px;
      height: 56px;
      text-align: center;
      line-height: 56px; }
      .home-carousel .carousel-nav li a {
        display: block;
        width: 100%;
        height: 100%;
        font-size: 18px; }
      .home-carousel .carousel-nav li.active {
        background-color: #ef3232; }
        .home-carousel .carousel-nav li.active a {
          color: white; }

.home-headline {
  margin-bottom: 15px; }
  .home-headline li {
    padding: 18px 0; }
    .home-headline li:not(:last-child) {
      border-bottom: 2px solid gainsboro; }
    .home-headline li h1 {
      font-size: 18px;
      margin-bottom: 13px;
      font-weight: bold; }
      .home-headline li h1 a {
        color: #848282; }
    .home-headline li p {
      font-size: 14px;
      color: #666666;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }

.article-group-wrap .article-group li {
  padding: 20px 0;
  margin: 0 20px; }
  .article-group-wrap .article-group li:after {
    clear: both;
    height: 0;
    overflow: hidden;
    display: block;
    visibility: hidden;
    content: "."; }
  .article-group-wrap .article-group li:not(:last-child) {
    /*border-bottom: 1px dashed #ccc;*/ }
  .article-group-wrap .article-group li .thumbnail {
    float: left;
    margin-right: 20px;
    width: 213px;
    height: 155px; }
  .article-group-wrap .article-group li .right-pane {
    float: left;
    width: 468px;
    font-size: 12px; }
    .article-group-wrap .article-group li .right-pane b {
      margin-bottom: 12px;
      display: inline-block;
      padding: 5px;
      color: white;
      background-color: #359af8; }
    .article-group-wrap .article-group li .right-pane h1 {
      font-size: 18px;
      margin-bottom: 12px;
      line-height: 24px; }
      .article-group-wrap .article-group li .right-pane h1 a {
        display: block;
        width: 100%;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis; }
    .article-group-wrap .article-group li .right-pane p {
      color: #999999;
      margin-bottom: 12px;
      line-height: 1.6;
      height: 40px;
      overflow: hidden; }
    .article-group-wrap .article-group li .right-pane .author {
      color: #a0a0a0;
      position: relative;
      display: inline-block;
      margin-right: 34px;
      padding-left: 20px; }
      .article-group-wrap .article-group li .right-pane .author .icon-author {
        position: absolute;
        left: 0;
        top: -3px; }
    .article-group-wrap .article-group li .right-pane .time {
      color: #a0a0a0;
      position: relative;
      display: inline-block;
      padding-left: 20px; }
      .article-group-wrap .article-group li .right-pane .time .icon-time {
        position: absolute;
        left: 0;
        top: -3px; }

.guide {
  height: 326px;
  background: #ef3232; }
  .guide .guide-nav {
    position: relative;
    box-sizing: border-box;
    float: left;
    width: 150px;
    height: 100%;
    background-color: #ef3232; }
    .guide .guide-nav ul {
      padding-top: 30px; }
      .guide .guide-nav ul li {
        padding: 0 30px;
        color: white;
        margin-bottom: 22px; }
        .guide .guide-nav ul li i {
          float: left;
          margin-right: 10px;
          display: block;
          width: 15px;
          height: 15px; }
        .guide .guide-nav ul li .filter-inner {
          position: absolute;
          box-sizing: border-box;
          padding: 20px;
          width: 460px;
          top: 0;
          left: 150px;
          background-color: #ef3232;
          line-height: 30px;
          display: none; }
          .guide .guide-nav ul li .filter-inner.active {
            display: block; }
          .guide .guide-nav ul li .filter-inner a {
            color: #FFFFFF;
            margin-right: 14px; }
  .guide .right-pane {
    float: right;
    height: 100%;
    width: 600px; }
    .guide .right-pane .img-wrap {
      height: 100%; }

.house-wrap {
  overflow: hidden; }
  .house-wrap .filter a {
    margin-right: 18px; }
    .house-wrap .filter a.active {
      color: #ef3232; }
  .house-wrap .houses {
    width: 780px; }
    .house-wrap .houses:after {
      clear: both;
      height: 0;
      overflow: hidden;
      display: block;
      visibility: hidden;
      content: "."; }
    .house-wrap .houses li {
      float: left;
      width: 230px;
      margin-right: 30px;
      margin-bottom: 30px; }
      .house-wrap .houses li .tags {
        margin-bottom: 14px; }
        .house-wrap .houses li .tags b {
          color: white;
          padding: 2px 10px;
          background: #359af8;
          border-radius: 3px; }
      .house-wrap .houses li h1 {
        font-size: 16px;
        margin-bottom: 12px; }
      .house-wrap .houses li p.title {
        margin-bottom: 16px;
        overflow: hidden;
        height: 18px; }
      .house-wrap .houses li p.price {
        color: #333333; }
        .house-wrap .houses li p.price span {
          font-size: 20px;
          font-weight: bold; }
    .house-wrap .houses .house-img {
      width: 230px;
      height: 162px;
      margin-bottom: 14px; }

.home-sidebar {
  padding-top: 20px;
  background: #f0f0f0; }
  .home-sidebar .topic {
    border-left: 4px solid #ef3232;
    font-size: 16px;
    text-indent: 10px;
    color: #333333;
    margin-bottom: 22px; }
  .home-sidebar .archive {
    padding: 0 10px 25px; }
    .home-sidebar .archive a:link {
      color: #666666; }
    .home-sidebar .archive .firstnews {
      line-height: 1.5; }

.hot-info b {
  display: block;
  line-height: 1.5; }

.hot-info .hot-img {
  height: 155px; }

.hot-info ul > li {
  position: relative;
  padding-left: 14px; }
  .hot-info ul > li a {
    display: block;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis; }
  .hot-info ul > li a:link {
    color: #666666;
    line-height: 1.5; }
  .hot-info ul > li:not(:last-child) {
    margin-bottom: 15px; }
  .hot-info ul > li:before {
    left: 0;
    position: absolute;
    border-radius: 50%;
    content: " ";
    top: 8px;
    width: 6px;
    height: 6px;
    background-color: #666666; }

.special-topic ul > li {
  margin-bottom: 35px; }
  .special-topic ul > li .img-wrap {
    margin-right: 10px;
    float: left;
    width: 117px;
    height: 88px; }
  .special-topic ul > li h2 {
    line-height: 1.5;
    color: #333333;
    font-size: 14px;
    margin-bottom: 24px;
    height: 45px;
    overflow: hidden; }
  .special-topic ul > li p {
    color: #999999; }

.house-dynamic .top .img-wrap {
  height: 164px;
  margin-bottom: 10px; }

.house-dynamic .top h1 {
  font-weight: normal;
  font-size: 14px;
  margin-bottom: 10px;
  line-height: 1.5; }
  .house-dynamic .top h1 ul > li {
    position: relative;
    padding-left: 14px; }
    .house-dynamic .top h1 ul > li a {
      display: block;
      width: 100%;
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis; }
    .house-dynamic .top h1 ul > li a:link {
      color: #666666;
      line-height: 1.5; }
    .house-dynamic .top h1 ul > li:not(:last-child) {
      margin-bottom: 15px; }
    .house-dynamic .top h1 ul > li:before {
      left: 0;
      position: absolute;
      border-radius: 50%;
      content: " ";
      top: 8px;
      width: 6px;
      height: 6px;
      background-color: #666666; }

.house-dynamic .top p {
  font-size: 12px;
  margin-bottom: 20px; }

.house-dynamic ul > li {
  margin-bottom: 12px; }

.house-dynamic ul > li {
  position: relative;
  padding-left: 14px; }
  .house-dynamic ul > li a {
    display: block;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis; }
  .house-dynamic ul > li a:link {
    color: #666666;
    line-height: 1.5; }
  .house-dynamic ul > li:not(:last-child) {
    margin-bottom: 15px; }
  .house-dynamic ul > li:before {
    left: 0;
    position: absolute;
    border-radius: 50%;
    content: " ";
    top: 8px;
    width: 6px;
    height: 6px;
    background-color: #666666; }

.shopping-guide .img-wrap {
  height: 164px;
  margin-bottom: 18px; }

.shopping-guide h2 {
  margin-bottom: 20px;
  overflow: hidden;
  height: 25px; }

.shopping-guide ul > li {
  position: relative;
  padding-left: 14px; }
  .shopping-guide ul > li a {
    display: block;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis; }
  .shopping-guide ul > li a:link {
    color: #666666;
    line-height: 1.5; }
  .shopping-guide ul > li:not(:last-child) {
    margin-bottom: 15px; }
  .shopping-guide ul > li:before {
    left: 0;
    position: absolute;
    border-radius: 50%;
    content: " ";
    top: 8px;
    width: 6px;
    height: 6px;
    background-color: #666666; }

.newest .img-wrap {
  height: 167px;
  margin-bottom: 12px; }

.newest ul > li {
  margin-bottom: 12px; }
  .newest ul > li a {
    display: table;
    table-layout: fixed;
    width: 100%; }
  .newest ul > li a:link {
    font-size: 14px; }
  .newest ul > li .title {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 43%;
    display: inline-block; }
  .newest ul > li .decr {
    width: 15%;
    text-align: center;
    float: right; }
  .newest ul > li .price {
    width: 32%;
    text-align: center;
    font-weight: bold;
    float: right; }

.s-images .archive {
  overflow: hidden; }

.s-images .archive-inner {
  width: 310px; }
  .s-images .archive-inner ul li {
    float: left;
    margin-right: 18px;
    margin-bottom: 22px;
    width: 132px; }
    .s-images .archive-inner ul li .img-wrap {
      height: 98px;
      margin-bottom: 12px; }
    .s-images .archive-inner ul li p {
      overflow: hidden;
      height: 40px;
      line-height: 1.5; }

.s-videos ul > li {
  margin-bottom: 25px; }

.s-videos .img-wrap {
  height: 158px;
  margin-bottom: 12px; }

.s-videos p {
  font-size: 14px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis; }
  .s-videos p a {
    padding-left: 14px; }

.hot-post .archive a {
  display: block;
  color: #666; }

.hot-post .fourm-top-1 {
  padding-bottom: 15px;
  border-bottom: 1px solid #ccc;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis; }
  .hot-post .fourm-top-1 a {
    padding-bottom: 14px; }
  .hot-post .fourm-top-1 .img-wrap {
    margin-bottom: 14px;
    height: 162px; }
  .hot-post .fourm-top-1 p {
    font-size: 14px;
    color: #666666;
    line-height: 1.5; }

.hot-post .fourm-top-1,
.hot-post .fourm-top-2,
.hot-post .fourm-top-3 {
  position: relative;
  font-size: 14px;
  line-height: 1.5;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis; }
  .hot-post .fourm-top-1 a,
  .hot-post .fourm-top-2 a,
  .hot-post .fourm-top-3 a {
    color: inherit;
    width: 290px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis; }

.hot-post .fourm-top-2,
.hot-post .fourm-top-3 {
  margin-top: 12px; }

.hot-post .fourm-top-3 {
  margin-bottom: 12px; }

.hot-post .fourm-top-other {
  font-size: 12px;
  margin-bottom: 12px; }

.hot-post .more {
  padding-top: 20px;
  display: block;
  text-align: center; }

/**
经纪人页面样式
 */
.agent-archive .agent-archive-list ul > li {
  display: inline-block;
  width: 100%;
  padding: 30px 0;
  border-bottom: 1px dashed #ccc;
  color: #666666; }
  .agent-archive .agent-archive-list ul > li .img-wrap {
    float: left;
    margin-right: 34px;
    width: 137px;
    height: 182px; }
  .agent-archive .agent-archive-list ul > li .base-info {
    float: left; }
    .agent-archive .agent-archive-list ul > li .base-info p {
      margin-bottom: 14px;
      width: 320px;
      white-space: nowrap;
      text-overflow: ellipsis; }
    .agent-archive .agent-archive-list ul > li .base-info .name {
      margin: 10px 0 44px;
      font-size: 24px; }
      .agent-archive .agent-archive-list ul > li .base-info .name span {
        color: #ffb400; }
  .agent-archive .agent-archive-list ul > li .contact-info {
    float: right;
    width: 30%; }
    .agent-archive .agent-archive-list ul > li .contact-info p {
      text-align: center; }
    .agent-archive .agent-archive-list ul > li .contact-info .company {
      margin-top: 16px;
      margin-bottom: 40px; }
    .agent-archive .agent-archive-list ul > li .contact-info .mobile {
      position: relative;
      font-size: 24px;
      margin-bottom: 26px; }
      .agent-archive .agent-archive-list ul > li .contact-info .mobile .icon-yellow-phone {
        position: absolute;
        left: -20px; }

.agent-shop .pane-top {
  padding: 0; }

.agent-shop .filter-pane {
  border: none; }

.housing-estate-detail .base-info .left-pane {
  float: left;
  width: 540px; }
  .housing-estate-detail .base-info .left-pane .flexslider {
    margin-bottom: 20px; }

.housing-estate-detail .base-info .right-pane {
  float: right;
  width: 480px; }
  .housing-estate-detail .base-info .right-pane table th {
    font-size: 16px; }
    .housing-estate-detail .base-info .right-pane table th span {
      font-size: 24px;
      color: #ef3232; }
  .housing-estate-detail .base-info .right-pane table .emphasize td {
    color: #2327d0; }
  .housing-estate-detail .base-info .right-pane table th, .housing-estate-detail .base-info .right-pane table td {
    padding: 14px; }
  .housing-estate-detail .base-info .right-pane table td .address {
    position: relative; }
    .housing-estate-detail .base-info .right-pane table td .address .icon-blue-position {
      position: absolute;
      right: -20px;
      top: 50%;
      margin-top: -9px; }

.housing-estate-detail .area-set .pane-top {
  padding-bottom: 10px;
  border-bottom: 1px solid #ccc; }
  .housing-estate-detail .area-set .pane-top h1 {
    font-size: 18px; }
    .housing-estate-detail .area-set .pane-top h1 span {
      line-height: 18px;
      font-weight: normal;
      float: right;
      font-size: 14px; }

.housing-estate-detail .area-set .pane-bottom .controllable-map .map-wrap {
  height: 570px; }

.housing-estate-detail .house-resource h1 {
  font-weight: normal;
  font-size: 18px;
  margin-bottom: 14px; }

.housing-estate-detail .house-resource .nav {
  height: 33px;
  background: #f5f3f0; }
  .housing-estate-detail .house-resource .nav ul {
    display: table;
    height: 100%; }
    .housing-estate-detail .house-resource .nav ul li {
      display: table-cell; }
      .housing-estate-detail .house-resource .nav ul li a {
        padding: 0 20px;
        display: block;
        line-height: 33px;
        font-size: 16px; }
        .housing-estate-detail .house-resource .nav ul li a.active {
          background-color: #ef3232;
          color: white; }

.housing-estate-detail .house-resource .houses {
  overflow: hidden; }
  .housing-estate-detail .house-resource .houses ul {
    width: 800px; }
  .housing-estate-detail .house-resource .houses li {
    float: left;
    padding-right: 18px; }
    .housing-estate-detail .house-resource .houses li .img-wrap {
      width: 174px;
      height: 115px;
      margin-bottom: 13px; }
    .housing-estate-detail .house-resource .houses li .title {
      font-size: 16px;
      margin-bottom: 21px; }
    .housing-estate-detail .house-resource .houses li .type {
      margin-bottom: 8px; }
    .housing-estate-detail .house-resource .houses li .price {
      color: #ef3232; }

.second-hand-house .inner-title {
  font-size: 24px;
  color: #666;
  margin-bottom: 18px; }

.second-hand-house #slider {
  width: 640px;
  margin-bottom: 26px; }
  .second-hand-house #slider .custom-slider-navigation a {
    position: absolute;
    z-index: 10;
    top: 50%;
    width: 53px;
    height: 53px;
    outline: none;
    background: #E9E9E9;
    margin-top: -26.5px; }
    .second-hand-house #slider .custom-slider-navigation a:before {
      position: absolute;
      border: 1px solid #191919;
      transform: rotate(45deg);
      width: 20px;
      height: 20px;
      left: 50%;
      top: 50%;
      content: " "; }
    .second-hand-house #slider .custom-slider-navigation a.flex-prev {
      left: -190px; }
      .second-hand-house #slider .custom-slider-navigation a.flex-prev:before {
        margin-left: -5px;
        margin-top: -10px;
        border-top-color: transparent;
        border-right-color: transparent; }
    .second-hand-house #slider .custom-slider-navigation a.flex-next {
      right: -190px; }
      .second-hand-house #slider .custom-slider-navigation a.flex-next:before {
        margin-left: -18px;
        margin-top: -10px;
        border-bottom-color: transparent;
        border-left-color: transparent; }

.second-hand-house #carousel {
  background: #f3f3f3;
  padding: 14px 65px; }
  .second-hand-house #carousel .custom-carousel-navigation a {
    position: absolute;
    z-index: 10;
    top: 50%;
    width: 53px;
    height: 53px;
    outline: none;
    background: transparent;
    margin-top: -26.5px; }
    .second-hand-house #carousel .custom-carousel-navigation a:before {
      position: absolute;
      border: 3px solid #191919;
      transform: rotate(45deg);
      width: 20px;
      height: 20px;
      left: 50%;
      top: 50%;
      content: " "; }
    .second-hand-house #carousel .custom-carousel-navigation a.flex-prev {
      left: 10px; }
      .second-hand-house #carousel .custom-carousel-navigation a.flex-prev:before {
        margin-left: -6px;
        margin-top: -10px;
        border-top-color: transparent;
        border-right-color: transparent; }
    .second-hand-house #carousel .custom-carousel-navigation a.flex-next {
      right: 10px; }
      .second-hand-house #carousel .custom-carousel-navigation a.flex-next:before {
        margin-left: -20px;
        margin-top: -10px;
        border-bottom-color: transparent;
        border-left-color: transparent; }

.second-hand-house-index .filter-pane .pane-top {
  padding: 0;
  background-color: transparent; }

.second-hand-house-index .filter-box {
  padding: 24px 30px;
  box-sizing: border-box;
  height: 120px;
  background-color: #ededed; }
  .second-hand-house-index .filter-box .select-form {
    float: left; }
    .second-hand-house-index .filter-box .select-form select {
      width: 100px;
      height: 34px;
      margin-right: 4px; }
  .second-hand-house-index .filter-box form {
    margin-bottom: 17px; }
    .second-hand-house-index .filter-box form .select-form {
      float: left; }
      .second-hand-house-index .filter-box form .select-form select {
        width: 100px;
        height: 34px; }
    .second-hand-house-index .filter-box form .search-form {
      float: right;
      padding-right: 100px; }
      .second-hand-house-index .filter-box form .search-form input {
        box-sizing: border-box;
        float: left;
        padding: 0;
        border: 1px solid #d1d1d1;
        width: 220px;
        text-indent: 14px;
        height: 34px;
        border-radius: 3px 0 0 3px; }
      .second-hand-house-index .filter-box form .search-form button {
        float: left;
        border: none;
        width: 63px;
        height: 34px;
        background: #cccccc;
        border-radius: 0 3px 3px 0; }
  .second-hand-house-index .filter-box p {
    color: #666666; }
    .second-hand-house-index .filter-box p a {
      margin-left: 7px; }

.second-hand-house-index .list-view-0 .more {
  text-align: center;
  font-size: 18px;
  margin-top: 32px; }

.sidebar-section .st button {
  color: white;
  cursor: pointer;
  width: 142px;
  height: 44px;
  background: #3166ff;
  border-radius: 2px;
  box-shadow: 0 0 3px rgba(0, 20, 76, 0.31);
  border: none; }
  .sidebar-section .st button.b1 {
    float: left;
    background-color: #FFC231; }
  .sidebar-section .st button.b2 {
    float: right;
    background-color: #3166FF; }

.sidebar-section .st .img-wrap {
  height: 187px; }

.sidebar-section .st p.l {
  font-size: 16px; }
  .sidebar-section .st p.l a {
    display: table; }
  .sidebar-section .st p.l span {
    display: table-cell;
    width: 25%; }
    .sidebar-section .st p.l span:nth-child(1) {
      width: 30%; }
    .sidebar-section .st p.l span:nth-child(3) {
      text-align: right;
      color: #ef3232; }

.second-hand-house-detail .house-base-info {
  padding: 20px 20px 50px; }
  .second-hand-house-detail .house-base-info h1 {
    color: #666;
    font-size: 20px;
    margin-bottom: 24px;
    font-weight: bold; }
  .second-hand-house-detail .house-base-info p {
    padding-bottom: 30px;
    color: #999;
    border-bottom: 1px solid #E3E3E3; }
    .second-hand-house-detail .house-base-info p span {
      position: relative;
      float: right; }
      .second-hand-house-detail .house-base-info p span i {
        position: absolute;
        left: -32px;
        top: 50%;
        margin-top: -13px; }
  .second-hand-house-detail .house-base-info table {
    width: 100%; }
    .second-hand-house-detail .house-base-info table td {
      padding: 0 0 15px;
      width: 50%; }
      .second-hand-house-detail .house-base-info table td span {
        color: #999; }
      .second-hand-house-detail .house-base-info table td i {
        font-size: 18px;
        color: #e60012;
        font-weight: 100; }
    .second-hand-house-detail .house-base-info table thead {
      padding-bottom: 55px; }

.second-hand-house-detail .house-intro article {
  line-height: 1.5; 
  white-space:pre-line; }
  .second-hand-house-detail .house-intro article p {
    margin-bottom: 20px; }

.second-hand-house-detail .house-gallery {
  overflow: hidden; }
  .second-hand-house-detail .house-gallery article ul {
    width: 800px; }
  .second-hand-house-detail .house-gallery article li {
    float: left;
    margin-right: 20px; }
    .second-hand-house-detail .house-gallery article li .img-wrap {
      width: 236px;
      height: 152px; }

.second-hand-house-images .flexslider {
  border: none;
  margin: 0 auto; }

.second-hand-house-images .house-gallery {
  padding: 26px 20px;
  box-sizing: border-box;
  border: 1px solid #E4E4E4;
  box-shadow: 1px 2px 6px 0 rgba(0, 24, 41, 0.15); }

.second-hand-house-map .controllable-map .map .map-wrap {
  height: 570px; }

.second-hand-house-supporting .detail {
  border-top: 1px solid #ECECEC;
  margin-bottom: 100px; }
  .second-hand-house-supporting .detail p {
    color: #666666;
    margin: 19px 0; }

.second-hand-house-supporting .house-gallery .meta {
  margin-bottom: 10px;
  font-size: 16px;
  color: #666666; }
  .second-hand-house-supporting .house-gallery .meta a {
    float: right; }

.houses-index .sub-carousel {
  border: none;
  margin-top: 30px;
  padding: 0 20px; }
  .houses-index .sub-carousel .custom-navigation a {
    position: absolute;
    margin-top: -16px;
    top: 50%;
    width: 12px;
    height: 32px; }
  .houses-index .sub-carousel .custom-navigation .flex-prev {
    left: 0; }
  .houses-index .sub-carousel .custom-navigation .flex-next {
    right: 0; }

.houses-index .title-2 .slides img {
  width: 216px;
  height: 136px; }

.houses-index .inner-main .left-pane {
  float: left;
  width: 460px; }
  .houses-index .inner-main .left-pane .flexslider {
    margin-bottom: 14px;
    border: none; }
  .houses-index .inner-main .left-pane #slider {
    width: 460px;
    height: 290px; }
    .houses-index .inner-main .left-pane #slider .slides img {
      width: 460px;
      height: 290px; }
  .houses-index .inner-main .left-pane #carousel .slides img {
    width: 100px;
    height: 63px; }
  .houses-index .inner-main .left-pane .subscribe {
    background: #ffe2e2;
    color: #666666; }
    .houses-index .inner-main .left-pane .subscribe h1 {
      position: relative;
      font-weight: normal;
      padding: 5px;
      color: white;
      font-size: 14px;
      background: #ff7c7c; }
      .houses-index .inner-main .left-pane .subscribe h1 a {
        position: absolute;
        right: 0;
        bottom: 0;
        width: 107px;
        height: 36px;
        text-align: center;
        line-height: 36px;
        background: #ef3232;
        display: block; }
        .houses-index .inner-main .left-pane .subscribe h1 a:hover {
          color: inherit; }
        .houses-index .inner-main .left-pane .subscribe h1 a:before {
          content: " ";
          position: absolute;
          top: -36px;
          left: -20px;
          bottom: 0;
          border: 10px solid transparent;
          border-width: 36px 20px;
          border-bottom-color: #ef3232; }
    .houses-index .inner-main .left-pane .subscribe p {
      padding: 0 8px; }
      .houses-index .inner-main .left-pane .subscribe p b {
        font-size: 1.3em;
        color: RGBA(239, 50, 50, 1); }

.houses-index .inner-main .right-pane {
  float: right;
  width: 600px;
  color: #666666; }
  .houses-index .inner-main .right-pane .price {
    display: table;
    width: 100%;
    padding-bottom: 15px; }
    .houses-index .inner-main .right-pane .price span {
      vertical-align: bottom;
      display: table-cell; }
      .houses-index .inner-main .right-pane .price span i {
        font-weight: bold;
        font-size: 18px;
        color: #ef3232; }
      .houses-index .inner-main .right-pane .price span:last-child {
        width: 25%; }
    .houses-index .inner-main .right-pane .price a {
      float: left;
      display: block;
      padding: 7px 20px;
      background: #ef3232;
      color: white; }
  .houses-index .inner-main .right-pane table {
    width: 100%; }
    .houses-index .inner-main .right-pane table tbody td {
      color: #959595;
      padding-bottom: 15px; }
      .houses-index .inner-main .right-pane table tbody td span {
        font-weight: bold;
        color: black;
        float: left; }
      .houses-index .inner-main .right-pane table tbody td lable {
        overflow: hidden;
        white-space: nowrap;
        width: 225px;
        float: left; }
  .houses-index .inner-main .right-pane .contact-sale {
    height: 38px;
    background: #eaeaea;
    line-height: 38px; }
    .houses-index .inner-main .right-pane .contact-sale .l {
      position: relative;
      float: left;
      padding-left: 40px; }
      .houses-index .inner-main .right-pane .contact-sale .l .icon-yellow-phone-small {
        top: 8px;
        left: 10px;
        position: absolute; }
      .houses-index .inner-main .right-pane .contact-sale .l span {
        font-weight: bold; }
        .houses-index .inner-main .right-pane .contact-sale .l span i {
          color: #ef3232;
          font-size: 18px; }
    .houses-index .inner-main .right-pane .contact-sale .r {
      position: relative;
      float: right;
      margin-right: 100px;
      padding-left: 40px; }
      .houses-index .inner-main .right-pane .contact-sale .r .icon-tie {
        top: 7px;
        left: 10px;
        position: absolute; }

.houses-index .main-content .title {
  border-bottom: 1px solid #a3a3a3; }
  .houses-index .main-content .title h1 {
    color: #000;
    font-size: 15px;
    font-weight: bold;
    padding-bottom: 5px; }
    .houses-index .main-content .title h1 a {
      color: #666;
      float: right;
      font-size: 14px;
      line-height: 28px; }

.houses-index .main-content .title-2 h1 {
  color: #000;
  font-size: 15px;
  font-weight: bold;
  padding-bottom: 5px; }
  .houses-index .main-content .title-2 h1 a {
    color: #666;
    float: right;
    font-size: 14px;
    line-height: 28px; }

.houses-index .main-content .title-2 p {
  margin-top: 10px; }
  .houses-index .main-content .title-2 p a {
    color: #666; }

.houses-index .main-content .hot-posts table {
  width: 100%;
  color: #666; }
  .houses-index .main-content .hot-posts table tr td {
    padding: 10px 0;
    border-bottom: 1px dashed #ccc; }

.houses-index .sidebar-section .sidebar-ad .img-wrap {
  height: 300px; }

.houses-dynamic .archive ul {
  padding-top: 35px; }
  .houses-dynamic .archive ul li {
    position: relative;
    padding-left: 40px;
    padding-bottom: 35px; }
    .houses-dynamic .archive ul li:after {
      clear: both;
      height: 0;
      overflow: hidden;
      display: block;
      visibility: hidden;
      content: "."; }
    .houses-dynamic .archive ul li:not(:last-child):before {
      box-sizing: border-box;
      position: absolute;
      top: 0;
      bottom: 0;
      left: 9px;
      content: " ";
      width: 2px;
      background: #39BEE4; }
    .houses-dynamic .archive ul li h1 {
      font-size: 18px;
      margin-bottom: 20px;
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis; }
      .houses-dynamic .archive ul li h1:before {
        z-index: 2;
        box-sizing: border-box;
        position: absolute;
        left: 2px;
        top: 3px;
        content: " ";
        width: 16px;
        height: 16px;
        border: 3px solid #39BEE4;
        border-radius: 50%; }
      .houses-dynamic .archive ul li h1:after {
        z-index: 1;
        box-sizing: border-box;
        position: absolute;
        left: 0;
        top: -10px;
        content: " ";
        width: 22px;
        height: 44px;
        background: white;
        border-radius: 50%; }
    .houses-dynamic .archive ul li .img-wrap {
      float: left;
      width: 170px;
      height: 118px;
      margin-right: 23px; }
    .houses-dynamic .archive ul li p {
      color: #999999;
      line-height: 1.5;
      max-height: 40px;
      display: block;
      overflow: hidden; }

.houses-price-trend .trend {
  padding: 0 10px;
  height: 53px;
  line-height: 53px;
  background: #F1F1F1; }
  .houses-price-trend .trend a {
    margin-left: 3px;
    padding: 2px 5px;
    border: 1px solid #aaa;
    border-radius: 3px; }
    .houses-price-trend .trend a.active {
      background: #ef3232;
      border-color: #ef3232;
      color: white; }

.houses-price-trend .data dl {
  display: inline-block; }
  .houses-price-trend .data dl dt {
    margin-bottom: 10px; }
  .houses-price-trend .data dl dd span {
    font-size: 24px;
    color: #FC9541; }

.houses-price-trend .trend-graph {
  background: #000;
  height: 285px; }

.houses-price-trend p.notice {
  color: #333;
  margin-bottom: 50px; }

.houses-price-trend .surround-houses h1 {
  color: #333;
  font-size: 16px;
  padding-bottom: 10px;
  border-bottom: 1px solid #E4E4E4; }

.houses-price-trend .surround-houses ul > li {
  padding-top: 24px;
  float: left; }
  .houses-price-trend .surround-houses ul > li:after {
    clear: both;
    height: 0;
    overflow: hidden;
    display: block;
    visibility: hidden;
    content: "."; }
  .houses-price-trend .surround-houses ul > li:not(:last-child) {
    margin-right: 33px; }
  .houses-price-trend .surround-houses ul > li .img-wrap {
    width: 228px;
    height: 160px;
    margin-bottom: 25px; }
  .houses-price-trend .surround-houses ul > li p:nth-child(2) {
    margin-bottom: 10px; }
  .houses-price-trend .surround-houses ul > li p:nth-child(3) {
    color: #F02E2E;
    padding-top: 10px;
    padding-bottom: 30px; }

.houses-price-trend .common {
  border: 1px solid #DBDBDB; }
  .houses-price-trend .common h1 {
    padding: 0 12px;
    height: 53px;
    background: #f1f1f1;
    font-size: 16px;
    color: #333333;
    line-height: 53px; }
    .houses-price-trend .common h1 span:nth-child(1) {
      margin-left: 5px;
      font-size: 18px; }
    .houses-price-trend .common h1 span:nth-child(2) {
      font-size: 12px;
      float: right; }
  .houses-price-trend .common .content {
    padding: 10px; }
    .houses-price-trend .common .content p {
      margin-bottom: 12px; }
      .houses-price-trend .common .content p span {
        color: #ef3232; }
    .houses-price-trend .common .content table {
      width: 100%; }
      .houses-price-trend .common .content table td {
        font-size: 12px;
        padding: 5px; }
        .houses-price-trend .common .content table td i {
          width: 100%;
          height: 3px;
          background: #ccc;
          border-radius: 3px;
          display: block; }
      .houses-price-trend .common .content table td:nth-child(3) {
        text-align: right; }
    .houses-price-trend .common .content .img-wrap {
      height: 180px;
      margin-bottom: 15px; }

.houses-image-video .gallery {
  margin-bottom: 70px; }

.houses-image-video .new-houses .img-wrap {
  float: left;
  width: 254px;
  height: 171px;
  margin-bottom: 11px;
  margin-right: 22px; }
  .houses-image-video .new-houses .img-wrap:nth-child(1) {
    width: 527px;
    height: 352px; }
  .houses-image-video .new-houses .img-wrap:nth-child(3), .houses-image-video .new-houses .img-wrap:nth-child(5) {
    margin-right: 0; }

.houses-image-video .common .img-wrap {
  float: left;
  width: 256px;
  height: 194px; }
  .houses-image-video .common .img-wrap:not(:last-child) {
    margin-right: 18px; }

.houses-image-detail .effect-picture {
  margin-bottom: 45px;
  padding: 23px;
  border: 1px solid #e4e4e4;
  box-shadow: 0px 2px 6px rgba(0, 24, 41, 0.15); }
  .houses-image-detail .effect-picture:after {
    clear: both;
    height: 0;
    overflow: hidden;
    display: block;
    visibility: hidden;
    content: "."; }
  .houses-image-detail .effect-picture .t {
    padding-bottom: 40px; }
    .houses-image-detail .effect-picture .t:after {
      clear: both;
      height: 0;
      overflow: hidden;
      display: block;
      visibility: hidden;
      content: "."; }
    .houses-image-detail .effect-picture .t h1 {
      float: left;
      font-size: 24px;
      color: #666; }
    .houses-image-detail .effect-picture .t ul {
      float: right; }
      .houses-image-detail .effect-picture .t ul li {
        display: inline-block; }
        .houses-image-detail .effect-picture .t ul li a {
          display: block;
          padding: 4px 25px; }
        .houses-image-detail .effect-picture .t ul li.active a {
          color: white;
          background: #ef3232; }
  .houses-image-detail .effect-picture .l {
    float: left; }
    .houses-image-detail .effect-picture .l #slider {
      position: relative;
      width: 580px; }
      .houses-image-detail .effect-picture .l #slider.flexslider {
        margin: 0; }
      .houses-image-detail .effect-picture .l #slider .custom-navigation a {
        position: absolute;
        z-index: 10;
        top: 50%;
        width: 54px;
        height: 54px;
        outline: none;
        background: rgba(255, 255, 255, 0.8);
        margin-top: -27px; }
        .houses-image-detail .effect-picture .l #slider .custom-navigation a:before {
          position: absolute;
          border: 1px solid #191919;
          transform: rotate(45deg);
          width: 20px;
          height: 20px;
          left: 50%;
          top: 50%;
          content: " "; }
        .houses-image-detail .effect-picture .l #slider .custom-navigation a.flex-prev {
          left: 10px; }
          .houses-image-detail .effect-picture .l #slider .custom-navigation a.flex-prev:before {
            margin-left: -3px;
            margin-top: -10px;
            border-top-color: transparent;
            border-right-color: transparent; }
        .houses-image-detail .effect-picture .l #slider .custom-navigation a.flex-next {
          right: 10px; }
          .houses-image-detail .effect-picture .l #slider .custom-navigation a.flex-next:before {
            margin-left: -17px;
            margin-top: -10px;
            border-bottom-color: transparent;
            border-left-color: transparent; }
  .houses-image-detail .effect-picture .r {
    float: left;
    margin-left: 60px;
    width: 365px;
    height: 434px; }
    .houses-image-detail .effect-picture .r .page {
      line-height: 20px;
      margin-bottom: 20px; }
      .houses-image-detail .effect-picture .r .page span {
        font-size: 30px;
        color: #912306; }
    .houses-image-detail .effect-picture .r .summary {
      color: #666666;
      line-height: 20px;
      margin-bottom: 40px; }
    .houses-image-detail .effect-picture .r .control {
      margin-bottom: 16px; }
      .houses-image-detail .effect-picture .r .control button {
        outline: none;
        cursor: pointer;
        padding-left: 30px;
        position: relative;
        background: none;
        border: 1px solid #ccc;
        border-radius: 3px;
        height: 24px; }
        .houses-image-detail .effect-picture .r .control button i {
          position: absolute;
          left: 4px;
          top: 50%;
          margin-top: -7px; }
        .houses-image-detail .effect-picture .r .control button.favorite {
          border: none;
          float: right; }
  .houses-image-detail .effect-picture #thumbnail .custom-navigation a {
    position: absolute;
    z-index: 10;
    top: 50%;
    width: 54px;
    height: 54px;
    outline: none;
    background: transparent;
    margin-top: -27px; }
    .houses-image-detail .effect-picture #thumbnail .custom-navigation a:before {
      position: absolute;
      border: 1px solid #191919;
      transform: rotate(45deg);
      width: 10px;
      height: 10px;
      left: 50%;
      top: 50%;
      content: " "; }
    .houses-image-detail .effect-picture #thumbnail .custom-navigation a.flex-prev {
      left: -43px; }
      .houses-image-detail .effect-picture #thumbnail .custom-navigation a.flex-prev:before {
        margin-left: -3px;
        margin-top: -5px;
        border-top-color: transparent;
        border-right-color: transparent; }
    .houses-image-detail .effect-picture #thumbnail .custom-navigation a.flex-next {
      right: -43px; }
      .houses-image-detail .effect-picture #thumbnail .custom-navigation a.flex-next:before {
        margin-left: -8px;
        margin-top: -5px;
        border-bottom-color: transparent;
        border-left-color: transparent; }

.houses-image-detail .surround-houses {
  padding-bottom: 50px; }
  .houses-image-detail .surround-houses ul > li {
    float: left; }
    .houses-image-detail .surround-houses ul > li p {
      margin-bottom: 6px; }
    .houses-image-detail .surround-houses ul > li:not(:last-child) {
      margin-right: 13px; }
    .houses-image-detail .surround-houses ul > li .img-wrap {
      width: 260px;
      height: 196px;
      margin-bottom: 16px; }

.houses-comments .title {
  border-bottom: 1px solid #a3a3a3; }
  .houses-comments .title h1 {
    position: relative;
    color: #333;
    font-size: 20px;
    padding-bottom: 12px; }
    .houses-comments .title h1 .add {
      box-sizing: border-box;
      padding: 0 18px;
      position: absolute;
      top: -10px;
      right: 0;
      font-size: 14px;
      display: block;
      color: white;
      height: 36px;
      line-height: 36px;
      border-radius: 3px;
      background: #39BEE4; }
      .houses-comments .title h1 .add i {
        width: 20px;
        height: 20px;
        margin-right: 10px; }

.houses-publish-comment .publish {
  padding: 30px 23px;
  height: 643px;
  background: white;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); }
  .houses-publish-comment .publish p.c {
    font-size: 18px;
    margin-bottom: 27px; }
  .houses-publish-comment .publish .estimate {
    width: 630px;
    float: left; }
    .houses-publish-comment .publish .estimate table {
      width: 100%;
      color: #333; }
      .houses-publish-comment .publish .estimate table td {
        padding: 7px 0; }
        .houses-publish-comment .publish .estimate table td:nth-child(3) {
          color: red; }
    .houses-publish-comment .publish .estimate .score-wrap {
      margin-bottom: 40px; }
    .houses-publish-comment .publish .estimate form {
      color: #666; }
      .houses-publish-comment .publish .estimate form label {
        display: inline-block;
        width: 100px;
        padding-top: 10px; }
      .houses-publish-comment .publish .estimate form textarea {
        padding: 13px;
        border: 1px solid #d1d1d1;
        border-radius: 3px; }
      .houses-publish-comment .publish .estimate form input {
        text-indent: 13px;
        height: 33px;
        border: 1px solid #d1d1d1;
        width: 110px; }
      .houses-publish-comment .publish .estimate form .form-group {
        margin-bottom: 20px; }
      .houses-publish-comment .publish .estimate form .form-group * {
        vertical-align: top; }
      .houses-publish-comment .publish .estimate form .submit-group {
        text-align: right; }
        .houses-publish-comment .publish .estimate form .submit-group button {
          margin-left: 10px;
          border: none;
          width: 155px;
          height: 43px;
          background: #00a0e9;
          border-radius: 5px;
          color: white; }
      .houses-publish-comment .publish .estimate form .submit-group * {
        vertical-align: middle; }
      .houses-publish-comment .publish .estimate form .img-wrap {
        margin-top: 10px;
        vertical-align: middle;
        display: inline-block;
        width: 60px;
        margin-left: 20px; }
  .houses-publish-comment .publish .house-base {
    float: right;
    width: 360px;
    padding-left: 42px;
    border-left: 1px solid #ccc; }
    .houses-publish-comment .publish .house-base .b {
      clear: both; }
      .houses-publish-comment .publish .house-base .b p span {
        font-size: 30px;
        color: #FF8D1E; }
      .houses-publish-comment .publish .house-base .b p:nth-child(1) {
        padding-top: 20px;
        color: #666; }
      .houses-publish-comment .publish .house-base .b p:nth-child(2) {
        padding-top: 30px;
        color: #999; }

.houses-sign-up-house .sign-up {
  padding-top: 53px;
  padding-bottom: 50px;
  margin-bottom: 100px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); }
  .houses-sign-up-house .sign-up .lp {
    float: left;
    padding-left: 218px; }
  .houses-sign-up-house .sign-up .c {
    font-size: 18px;
    margin-bottom: 24px; }
  .houses-sign-up-house .sign-up .estimate .form-group {
    margin-bottom: 24px; }
  .houses-sign-up-house .sign-up .estimate label {
    display: inline-block;
    width: 90px;
    color: #666; }
  .houses-sign-up-house .sign-up .estimate input {
    width: 215px;
    box-sizing: border-box;
    border: 1px solid #D1D1D1;
    height: 33px; }
  .houses-sign-up-house .sign-up .estimate .get-captcha {
    border: none;
    color: white;
    width: 89px;
    height: 31px;
    background: #00a0e9;
    border-radius: 3px; }
  .houses-sign-up-house .sign-up .estimate .submit-group button {
    border: none;
    width: 155px;
    height: 43px;
    background: #00a0e9;
    border-radius: 5px;
    color: white; }

.houses-sign-up-house .house-base {
  float: right;
  width: 360px;
  padding-left: 42px;
  border-left: 1px solid #ccc; }
  .houses-sign-up-house .house-base .b {
    clear: both; }
    .houses-sign-up-house .house-base .b p span {
      font-size: 30px;
      color: #FF8D1E; }
    .houses-sign-up-house .house-base .b p:nth-child(1) {
      padding-top: 20px;
      color: #666; }
    .houses-sign-up-house .house-base .b p:nth-child(2) {
      padding-top: 30px;
      color: #999; }

.houses-detail .info {
  margin-bottom: 56px; }
  .houses-detail .info dl {
    display: table;
    width: 100%;
    border-bottom: 1px solid #D8D8D8;
    padding: 38px 0; }
    .houses-detail .info dl:first-child {
      padding-top: 14px; }
    .houses-detail .info dl dt {
      width: 103px;
      display: table-cell; }
    .houses-detail .info dl dd {
      display: table-cell; }
      .houses-detail .info dl dd p {
        color: #666666;
        line-height: 1.5; }
        .houses-detail .info dl dd p:not(:last-child) {
          margin-bottom: 10px; }
        .houses-detail .info dl dd p b {
          color: #333333; }
      .houses-detail .info dl dd li {
        margin-bottom: 8px;
        line-height: 24px;
        list-style: none; }
      .houses-detail .info dl dd label {
        font-weight: bold;
        color: #333; }

.houses-detail .introduce {
  position: relative;
  border: 1px solid #ef3232;
  padding: 65px 28px 53px; }
  .houses-detail .introduce h1 {
    top: -27px;
    font-size: 16px;
    color: white;
    position: absolute;
    left: 12px;
    padding: 17px 21px;
    background: #ef3232; }
  .houses-detail .introduce .content {
    color: #666666;
    line-height: 1.8; }
    .houses-detail .introduce .content p {
      line-height: 1.8; }
      .houses-detail .introduce .content p:not(:last-child) {
        margin-bottom: 10px; }

.houses-house-type .house-type-select ul {
  box-sizing: border-box;
  background: #F3F3F3;
  padding: 22px 10px 7px; }
  .houses-house-type .house-type-select ul:after {
    clear: both;
    height: 0;
    overflow: hidden;
    display: block;
    visibility: hidden;
    content: "."; }
  .houses-house-type .house-type-select ul li {
    display: table;
    float: left;
    margin-right: 30px;
    background: white;
    width: 138px;
    height: 72px;
    box-shadow: 0 0 16px rgba(140, 140, 140, 0.15);
    margin-bottom: 20px; }
    .houses-house-type .house-type-select ul li.active .info {
      border: 1px solid #ef3232; }
    .houses-house-type .house-type-select ul li .info {
      color: #666666;
      text-align: center;
      vertical-align: middle;
      display: table-cell; }

.houses-house-type .house-type-text h2 {
  color: #666666;
  font-size: 30px;
  margin: 14px 0; }

.houses-house-type .house-info {
  margin-bottom: 90px; }
  .houses-house-type .house-info:after {
    clear: both;
    height: 0;
    overflow: hidden;
    display: block;
    visibility: hidden;
    content: "."; }
  .houses-house-type .house-info .left .img-wrap {
    float: left;
    width: 540px;
    height: auto;
    text-align: center; }
  .houses-house-type .house-info .right {
    float: right;
    width: 500px; }
    .houses-house-type .house-info .right table {
      color: #666666; }
      .houses-house-type .house-info .right table td {
        padding-bottom: 24px; }
        .houses-house-type .house-info .right table td span {
          font-weight: bold; }
    .houses-house-type .house-info .right .contact {
      padding: 10px;
      font-size: 16px;
      color: #666666;
      background: #F6F6F6; }
      .houses-house-type .house-info .right .contact span {
        font-weight: bold; }

.houses-house-type .perimeter-house .body ul {
  padding-top: 25px; }
  .houses-house-type .perimeter-house .body ul:after {
    clear: both;
    height: 0;
    overflow: hidden;
    display: block;
    visibility: hidden;
    content: "."; }
  .houses-house-type .perimeter-house .body ul li {
    color: #333333;
    float: left;
    width: 204px; }
    .houses-house-type .perimeter-house .body ul li:not(:last-child) {
      margin-right: 15px; }
    .houses-house-type .perimeter-house .body ul li .img-wrap {
      height: 160px;
      margin-bottom: 14px; }
    .houses-house-type .perimeter-house .body ul li h2 {
      font-size: 16px;
      margin-bottom: 19px; }
    .houses-house-type .perimeter-house .body ul li p span {
      font-size: 18px;
      color: #ef3232; }

.houses-calculate .main-content {
  width: 850px; }

.houses-calculate .sidebar-section {
  width: 200px; }
  .houses-calculate .sidebar-section .loan li a {
    width: 200px; }
  .houses-calculate .sidebar-section .loan-rate li .title {
    width: 40%; }

.houses-calculate .top {
  border-bottom: 4px solid #ef3232; }

.houses-calculate .tab-nav a {
  padding: 10px 30px;
  margin-right: 10px;
  display: inline-block;
  box-sizing: border-box;
  background: #E7E7E7;
  border-radius: 5px 5px 0 0; }
  .houses-calculate .tab-nav a.active {
    border: 1px solid #D8D8D8;
    border-bottom: none;
    background: white; }

.houses-calculate .tab-content-wrap {
  color: #333333;
  padding: 48px 0;
  box-shadow: 0 7px 35px 0 rgba(129, 129, 129, 0.38); }
  .houses-calculate .tab-content-wrap .tab-content {
    display: table;
    width: 100%; }
    .houses-calculate .tab-content-wrap .tab-content select,
    .houses-calculate .tab-content-wrap .tab-content input[type=text],
    .houses-calculate .tab-content-wrap .tab-content input[type=number] {
      width: 118px;
      height: 37px;
      border: 1px solid #D3D5E8;
      border-radius: 3px;
      background: #E6F6FF; }
    .houses-calculate .tab-content-wrap .tab-content table {
      width: 100%; }
      .houses-calculate .tab-content-wrap .tab-content table caption {
        font-size: 18px;
        padding-bottom: 30px; }
      .houses-calculate .tab-content-wrap .tab-content table td {
        padding: 8px 0; }
        .houses-calculate .tab-content-wrap .tab-content table td:nth-child(1) {
          text-align: right; }
      .houses-calculate .tab-content-wrap .tab-content table.cal-2 td {
        text-align: left; }
        .houses-calculate .tab-content-wrap .tab-content table.cal-2 td span.numeric {
          color: #ef3232;
          margin-left: 10px; }
        .houses-calculate .tab-content-wrap .tab-content table.cal-2 td span.unit {
          float: right;
          margin-right: 20px; }
    .houses-calculate .tab-content-wrap .tab-content table.result-table td {
      text-align: left; }
      .houses-calculate .tab-content-wrap .tab-content table.result-table td:nth-child(1) {
        text-align: right; }
      .houses-calculate .tab-content-wrap .tab-content table.result-table td:nth-child(2) {
        padding-left: 20px;
        color: #ef3232; }
    .houses-calculate .tab-content-wrap .tab-content .l {
      border-right: 1px solid #BDBDBD; }
    .houses-calculate .tab-content-wrap .tab-content .l,
    .houses-calculate .tab-content-wrap .tab-content .r {
      padding: 24px;
      width: 50%;
      display: table-cell;
      vertical-align: top; }

.houses-calculate .controller-btn-cell {
  padding-top: 40px;
  text-align: center !important; }

.houses-calculate button {
  width: 110px;
  height: 41px;
  background: #3d79dc;
  border-radius: 5px;
  border: none;
  color: white; }
  .houses-calculate button.reset {
    margin-left: 50px;
    border: 1px solid #3d79dc;
    background: white;
    color: #3d79dc; }

.site-gallery-image-sort ul {
  padding-top: 26px; }
  .site-gallery-image-sort ul li {
    position: relative;
    width: 100%;
    margin-bottom: 15px;
    font-size: 14px; }
    .site-gallery-image-sort ul li:nth-child(-n+3) {
      font-size: 16px; }
      .site-gallery-image-sort ul li:nth-child(-n+3):before {
        content: "1";
        font-size: 16px;
        position: absolute;
        color: #333; }
      .site-gallery-image-sort ul li:nth-child(-n+3) a {
        font-size: 16px; }
      .site-gallery-image-sort ul li:nth-child(-n+3):after {
        content: " ";
        position: absolute;
        left: 12px;
        width: 1px;
        height: 22px;
        background: #333;
        transform: rotate(45deg);
        top: 6px; }
    .site-gallery-image-sort ul li:nth-child(1) .img-wrap {
      width: 100%;
      height: 187px;
      margin-top: 16px; }
    .site-gallery-image-sort ul li:nth-child(2):before {
      content: "2";
      font-size: 18px;
      top: 0; }
    .site-gallery-image-sort ul li:nth-child(2):after {
      top: 10px;
      left: 10px;
      height: 16px; }
    .site-gallery-image-sort ul li:nth-child(3):before {
      content: "3";
      font-size: 18px;
      position: absolute;
      left: 0;
      top: 0;
      color: #333; }
    .site-gallery-image-sort ul li:nth-child(3):after {
      top: 8px;
      left: 10px;
      height: 16px; }
    .site-gallery-image-sort ul li a {
      display: inline-block;
      width: 74%;
      text-indent: 28px;
      font-size: 14px;
      text-align: left;
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis; }
    .site-gallery-image-sort ul li span {
      display: inline-block;
      width: 26%;
      text-align: right;
      line-height: 16px;
      font-size: 12px; }

.site-gallery .flexslider {
  margin: 0; }

.site-gallery .slider-wrap {
  margin-bottom: 16px; }

.site-gallery #slider {
  border: none; }

.site-gallery .carousel-wrap {
  background: #292929;
  width: 100%;
  padding: 15px 0; }
  .site-gallery .carousel-wrap .text-content {
    float: left;
    width: 300px;
    padding-left: 30px; }
    .site-gallery .carousel-wrap .text-content li {
      display: none; }
      .site-gallery .carousel-wrap .text-content li p {
        font-size: 18px;
        color: white; }
  .site-gallery .carousel-wrap #carousel {
    position: relative;
    background: transparent;
    width: 320px;
    border: none;
    border-radius: 0;
    float: right;
    margin-right: 40px; }
    .site-gallery .carousel-wrap #carousel .custom-navigation a {
      top: 15px;
      position: absolute;
      width: 12px;
      height: 12px;
      border: 1px solid rgba(255, 255, 255, 0.5);
      outline: none; }
      .site-gallery .carousel-wrap #carousel .custom-navigation a:hover {
        border-color: white; }
    .site-gallery .carousel-wrap #carousel .custom-navigation a:nth-child(1) {
      left: -20px;
      border-top-color: transparent;
      border-right-color: transparent;
      transform: rotate(45deg); }
    .site-gallery .carousel-wrap #carousel .custom-navigation a:nth-child(2) {
      right: -20px;
      border-top-color: transparent;
      border-left-color: transparent;
      transform: rotate(-45deg); }

.site-gallery .common-image-group {
  margin-bottom: 55px; }
  .site-gallery .common-image-group h1 {
    font-size: 24px;
    padding-bottom: 15px;
    border-bottom: 1px solid #ccc;
    margin-bottom: 26px; }
    .site-gallery .common-image-group h1 span {
      font-size: 14px; }
    .site-gallery .common-image-group h1 a {
      font-size: 14px;
      float: right;
      padding-top: 10px; }

.site-gallery .images-of-7 .content {
  overflow: hidden; }
  .site-gallery .images-of-7 .content ul {
    width: 110%; }
  .site-gallery .images-of-7 .content ul > li {
    position: relative;
    margin-right: 11px;
    float: left;
    width: 224px;
    height: 147px;
    margin-bottom: 14px;
    overflow: hidden; }
    .site-gallery .images-of-7 .content ul > li .img-wrap {
      height: 100%; }
    .site-gallery .images-of-7 .content ul > li div.tips {
      display: none;
      position: absolute;
      top: 0;
      left: 0;
      bottom: 0;
      background: rgba(0, 0, 0, 0.5);
      color: white;
      text-shadow: 0 0 5px black;
      line-height: 1.5; }
      .site-gallery .images-of-7 .content ul > li div.tips p {
        display: table;
        height: 100%; }
        .site-gallery .images-of-7 .content ul > li div.tips p a {
          padding: 20px;
          display: table-cell;
          vertical-align: middle;
          width: 100%;
          height: 100%; }
        .site-gallery .images-of-7 .content ul > li div.tips p a:hover {
          color: inherit; }
    .site-gallery .images-of-7 .content ul > li.first {
      box-sizing: border-box;
      height: 310px;
      width: 373px;
      background: #292929;
      color: white;
      margin-bottom: 0; }
      .site-gallery .images-of-7 .content ul > li.first .img-wrap {
        width: 373px;
        height: 215px; }
      .site-gallery .images-of-7 .content ul > li.first .text-group {
        padding-top: 20px;
        padding-left: 14px; }
      .site-gallery .images-of-7 .content ul > li.first h2 {
        font-size: 16px;
        margin-bottom: 10px;
        white-space: nowrap;
        text-overflow: ellipsis;
        line-height: 20px;
        overflow: hidden; }
      .site-gallery .images-of-7 .content ul > li.first p.describe {
        line-height: 1.5;
        color: #e6e6e6;
        font-size: 12px;
        height: 35px;
        overflow: hidden; }

.site-gallery .image-news .content ul > li {
  position: relative;
  float: left; }
  .site-gallery .image-news .content ul > li:not(:last-child) {
    margin-right: 15px; }
  .site-gallery .image-news .content ul > li .img-wrap {
    width: 350px;
    height: 218px; }
  .site-gallery .image-news .content ul > li p {
    font-size: 16px;
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    height: 40px;
    padding: 0 14px;
    background: rgba(0, 0, 0, 0.3);
    line-height: 40px;
    color: white;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden; }

.site-gallery-stripe-bg {
  background: #202020;
  background-image: repeating-linear-gradient(-45deg, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3) 2px, transparent 0, transparent 6px);
  height: 100vh; }

.site-gallery-detail {
  color: white; }
  .site-gallery-detail a {
    color: white; }
  .site-gallery-detail .top {
    margin-bottom: 60px; }
    .site-gallery-detail .top h1 {
      margin-bottom: 23px; }
  .site-gallery-detail #slider {
    margin-bottom: 15px;
    border: none; }
  .site-gallery-detail .carousel-inner-wrap {
    position: relative;
    padding: 20px 30px;
    background: rgba(255, 255, 255, 0.3);
    margin-bottom: 13px; }
    .site-gallery-detail .carousel-inner-wrap #carousel {
      border: none;
      background: transparent;
      margin: 0; }
      .site-gallery-detail .carousel-inner-wrap #carousel .slides li {
        position: relative; }
        .site-gallery-detail .carousel-inner-wrap #carousel .slides li p {
          position: absolute;
          left: 3px;
          bottom: 3px;
          text-shadow: 0 0 3px black; }
    .site-gallery-detail .carousel-inner-wrap .custom-navigation a {
      top: 50%;
      position: absolute;
      width: 12px;
      height: 12px;
      border: 1px solid white;
      outline: none;
      margin-top: -6px; }
    .site-gallery-detail .carousel-inner-wrap .custom-navigation a.flex-prev {
      left: 10px;
      border-top-color: transparent;
      border-right-color: transparent;
      transform: rotate(45deg); }
    .site-gallery-detail .carousel-inner-wrap .custom-navigation a.flex-next {
      right: 10px;
      border-top-color: transparent;
      border-left-color: transparent;
      transform: rotate(-45deg); }
  .site-gallery-detail .text-content {
    position: relative;
    padding: 32px 20px 32px 90px;
    background: #000;
    margin-bottom: 16px;
    line-height: 2; }
    .site-gallery-detail .text-content li {
      display: none; }
    .site-gallery-detail .text-content span {
      position: absolute;
      left: 12px;
      top: 1px;
      font-size: 16px; }
      .site-gallery-detail .text-content span i {
        font-size: 36px; }
  .site-gallery-detail .around {
    background: #000;
    padding: 20px; }
    .site-gallery-detail .around a {
      display: block; }
      .site-gallery-detail .around a.prev {
        margin-bottom: 10px; }
  .site-gallery-detail .contact {
    padding: 20px;
    text-align: center; }
    .site-gallery-detail .contact p span {
      color: #E7454B; }

.video-header {
  box-sizing: border-box;
  float: left;
  width: 250px;
  height: 268px;
  padding: 40px 14px 20px; }
  .video-header.c1 {
    background: #cbe5f7; }
    .video-header.c1 h2 {
      color: #1B6EA8; }
    .video-header.c1 i {
      color: #1B6EA8; }
  .video-header.c2 {
    background: #e9daf6; }
    .video-header.c2 h2 {
      color: #6B29A8; }
    .video-header.c2 i {
      color: #6B29A8; }
  .video-header.c3 {
    background: #f7f8fb; }
    .video-header.c3 h2 {
      color: #5367A0; }
    .video-header.c3 i {
      color: #5367A0; }
  .video-header.c4 {
    background: #e9f0ea; }
    .video-header.c4 h2 {
      color: #57835D; }
    .video-header.c4 i {
      color: #57835D; }
  .video-header.c5 {
    background: #bedde1; }
    .video-header.c5 h2 {
      color: #33676D; }
    .video-header.c5 i {
      color: #33676D; }
  .video-header .h {
    display: table;
    width: 100%;
    margin-bottom: 18px; }
    .video-header .h h2 {
      display: table-cell;
      font-size: 24px;
      margin-bottom: 18px; }
    .video-header .h i {
      text-align: right;
      display: table-cell;
      vertical-align: bottom; }
  .video-header p {
    color: #666666;
    margin-bottom: 22px;
    line-height: 1.4; }
  .video-header .b {
    display: table;
    width: 100%; }
    .video-header .b .l {
      display: table-cell;
      vertical-align: middle;
      width: 80%; }
      .video-header .b .l .img-wrap {
        width: 30px;
        height: 30px; }
    .video-header .b a {
      width: 20%;
      display: table-cell;
      vertical-align: middle; }

.video-sort .panel-header {
  padding-top: 0; }

.video-sort .archive {
  padding-top: 10px; }
  .video-sort .archive li:after {
    clear: both;
    height: 0;
    overflow: hidden;
    display: block;
    visibility: hidden;
    content: "."; }
  .video-sort .archive li:nth-child(-n+3) {
    margin-bottom: 15px; }
    .video-sort .archive li:nth-child(-n+3) .img-wrap {
      float: left;
      width: 120px;
      height: 75px;
      margin-right: 22px; }
    .video-sort .archive li:nth-child(-n+3) p {
      display: block;
      /* Fallback for non-webkit */
      display: -webkit-box;
      text-overflow: ellipsis;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      overflow: hidden;
      padding-top: 10px;
      line-height: 1.4; }
      .video-sort .archive li:nth-child(-n+3) p:nth-child(3) {
        padding-top: 10px;
        font-size: 12px; }
  .video-sort .archive li:nth-last-child(-n+3) {
    display: table;
    width: 100%;
    margin-bottom: 5px; }
    .video-sort .archive li:nth-last-child(-n+3) span {
      vertical-align: top;
      display: table-cell; }
      .video-sort .archive li:nth-last-child(-n+3) span:first-child a {
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        display: inline-block;
        width: 170px; }

.video-listnews .panel-header {
  padding-top: 0; }

.video-listnews .archive {
  padding-top: 10px; }
  .video-listnews .archive li {
    display: table;
    width: 100%;
    margin-bottom: 10px; }
    .video-listnews .archive li:after {
      clear: both;
      height: 0;
      overflow: hidden;
      display: block;
      visibility: hidden;
      content: "."; }
    .video-listnews .archive li i {
      font-size: 12px; }
    .video-listnews .archive li:nth-child(-n+3) {
      font-size: 18px;
      margin-top: 10px; }
      .video-listnews .archive li:nth-child(-n+3):before {
        content: "1";
        font-size: 16px;
        position: absolute;
        color: #333; }
      .video-listnews .archive li:nth-child(-n+3) a {
        font-size: 16px; }
      .video-listnews .archive li:nth-child(-n+3):after {
        content: " ";
        position: absolute;
        left: 12px;
        width: 1px;
        height: 22px;
        background: #333;
        transform: rotate(45deg);
        top: 6px; }
    .video-listnews .archive li:nth-child(1) .img-wrap {
      width: 100%;
      height: 187px;
      margin-top: 16px; }
    .video-listnews .archive li:nth-child(2):before {
      content: "2";
      font-size: 18px; }
    .video-listnews .archive li:nth-child(2):after {
      top: 10px;
      left: 10px;
      height: 16px; }
    .video-listnews .archive li:nth-child(3):before {
      content: "3";
      font-size: 18px;
      position: absolute;
      color: #333; }
    .video-listnews .archive li:nth-child(3):after {
      top: 8px;
      left: 10px;
      height: 16px; }
    .video-listnews .archive li span {
      vertical-align: top;
      display: table-cell; }
      .video-listnews .archive li span:first-child a {
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        display: inline-block;
        width: 200px;
        text-indent: 28px; }

.video-group {
  margin-bottom: 75px; }
  .video-group:after {
    clear: both;
    height: 0;
    overflow: hidden;
    display: block;
    visibility: hidden;
    content: "."; }
  .video-group .video-archive:after {
    clear: both;
    height: 0;
    overflow: hidden;
    display: block;
    visibility: hidden;
    content: "."; }
  .video-group .video-archive li {
    position: relative;
    float: left;
    margin-left: 9px; }
    .video-group .video-archive li .text-area {
      color: white;
      background: rgba(0, 0, 0, 0.3);
      padding: 20px;
      position: absolute;
      right: 0;
      bottom: 0;
      left: 0; }
    .video-group .video-archive li:nth-child(1) .img-wrap {
      width: 388px;
      height: 268px; }
    .video-group .video-archive li:nth-child(1) .text-area h2 {
      font-size: 16px;
      margin-bottom: 10px;
      white-space: nowrap;
      text-overflow: ellipsis;
      line-height: 20px;
      overflow: hidden; }
    .video-group .video-archive li:nth-child(1) .text-area p {
      line-height: 1.5;
      color: #e6e6e6;
      font-size: 12px;
      height: 35px;
      overflow: hidden; }
    .video-group .video-archive li:not(:first-child) {
      margin-bottom: 10px; }
      .video-group .video-archive li:not(:first-child) .img-wrap {
        width: 207px;
        height: 129px; }
      .video-group .video-archive li:not(:first-child) .text-area {
        padding: 10px; }
        .video-group .video-archive li:not(:first-child) .text-area h2 {
          font-size: 14px; }
    .video-group .video-archive li:nth-last-child(-n+2) {
      margin-bottom: 0; }

.site-video-index .carousel-wrap ul.image-of-carousel {
  float: left;
  width: 540px;
  height: 358px; }
  .site-video-index .carousel-wrap ul.image-of-carousel li {
    display: none; }
    .site-video-index .carousel-wrap ul.image-of-carousel li .img-wrap {
      height: 358px; }
    .site-video-index .carousel-wrap ul.image-of-carousel li.active {
      display: block; }

.site-video-index .carousel-wrap ul.control-of-carousel {
  float: right;
  display: table;
  width: 210px;
  height: 358px;
  background: #3E3E3E; }
  .site-video-index .carousel-wrap ul.control-of-carousel li {
    display: table-row; }
    .site-video-index .carousel-wrap ul.control-of-carousel li a {
      line-height: 1.5;
      display: table-cell;
      padding: 0 13px;
      vertical-align: middle;
      color: white; }
    .site-video-index .carousel-wrap ul.control-of-carousel li.active a {
      background: #ef3232; }

.site-video-archive .video-header {
  width: auto;
  height: auto;
  padding-top: 20px;
  padding-bottom: 20px; }
  .site-video-archive .video-header .h h2 {
    width: 15%; }
  .site-video-archive .video-header .h i {
    text-align: left; }

.site-video-archive .three-column-gird li {
  width: 232px; }

.site-video-detail .video-player-wrap {
  background: #202020;
  background-image: repeating-linear-gradient(-45deg, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3) 2px, transparent 0, transparent 6px);
  height: 100vh;
  height: 710px; }
  .site-video-detail .video-player-wrap .video-player {
    background: #c7ffa9;
    height: 710px; }

.site-video-detail .video-information {
  padding: 16px;
  border: 1px solid #E4E4E4; }
  .site-video-detail .video-information .title {
    font-size: 16px;
    margin-bottom: 22px; }
  .site-video-detail .video-information p {
    margin-bottom: 10px;
    color: #666; }
  .site-video-detail .video-information .desc {
    line-height: 1.6; }
    .site-video-detail .video-information .desc p {
      color: #999999; }

.special-topic-index .headline > div {
  color: white;
  position: relative; }
  .special-topic-index .headline > div .text-content {
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    padding: 14px;
    background: rgba(0, 0, 0, 0.3); }

.special-topic-index .headline .l {
  float: left; }
  .special-topic-index .headline .l .img-wrap {
    width: 455px;
    height: 342px; }
  .special-topic-index .headline .l h2 {
    font-size: 18px;
    margin-bottom: 11px; }

.special-topic-index .headline .rt {
  float: right;
  margin-bottom: 14px; }
  .special-topic-index .headline .rt .img-wrap {
    width: 284px;
    height: 164px; }
  .special-topic-index .headline .rt h2 {
    font-size: 14px; }

.special-topic-index .headline .rb {
  float: right; }
  .special-topic-index .headline .rb .img-wrap {
    width: 284px;
    height: 164px; }
  .special-topic-index .headline .rb h2 {
    font-size: 14px; }

.special-topic-index .list-view-2 {
  padding-bottom: 50px; }
  .special-topic-index .list-view-2 li {
    margin: 0; }
    .special-topic-index .list-view-2 li .img-wrap {
      margin-right: 17px;
      width: 200px;
      height: 145px; }
    .special-topic-index .list-view-2 li h1 {
      font-size: 18px;
      font-weight: bold;
      margin-top: 7px;
      margin-bottom: 26px;
      line-height: 1.3; }

.special-topic-archive .list-view-2 ul > li {
  padding-top: 0;
  margin-bottom: 45px; }
  .special-topic-archive .list-view-2 ul > li h1 {
    font-size: 18px;
    margin-top: 10px; }

.special-topic-archive .pagination {
  margin-bottom: 90px; }

.special-topic-archive .picture-view .archive {
  padding-top: 18px; }
  .special-topic-archive .picture-view .archive ul > li {
    margin-bottom: 65px; }
    .special-topic-archive .picture-view .archive ul > li .img-wrap {
      width: 100%;
      height: 187px;
      margin-bottom: 26px; }
    .special-topic-archive .picture-view .archive ul > li h2 {
      line-height: 1.5;
      font-size: 16px;
      margin-bottom: 12px; }
    .special-topic-archive .picture-view .archive ul > li p {
      line-height: 1.5;
      color: #666666;
      height: 65px;
      overflow: hidden; }

.special-topic-detail .banner .img-wrap {
  height: 432px; }

.special-topic-detail .main article .special-header {
  position: relative;
  margin-bottom: 145px; }
  .special-topic-detail .main article .special-header .topic-dot {
    position: absolute;
    top: 10px; }
    .special-topic-detail .main article .special-header .topic-dot i {
      display: block; }
    .special-topic-detail .main article .special-header .topic-dot .t:before, .special-topic-detail .main article .special-header .topic-dot .t:after {
      content: " ";
      width: 6px;
      height: 6px;
      position: absolute;
      left: 0;
      border: 2px solid black; }
    .special-topic-detail .main article .special-header .topic-dot .t:after {
      left: 12px; }
    .special-topic-detail .main article .special-header .topic-dot .b:before, .special-topic-detail .main article .special-header .topic-dot .b:after {
      content: " ";
      width: 6px;
      height: 6px;
      position: absolute;
      top: 12px;
      left: 0;
      border: 2px solid black; }
    .special-topic-detail .main article .special-header .topic-dot .b:after {
      left: 12px;
      background-color: black; }
  .special-topic-detail .main article .special-header h2 {
    font-size: 36px;
    text-indent: 36px; }

.special-topic-detail .main article .entry-content {
  position: relative;
  border: 3px solid #CFCFCF;
  border-radius: 8px;
  padding: 60px 24px 40px;
  min-height: 300px; }
  .special-topic-detail .main article .entry-content .content-exclude {
    position: relative;
    width: 500px;
    height: 220px;
    float: left;
    margin-right: 40px;
    margin-bottom: 40px; }
  .special-topic-detail .main article .entry-content .img-wrap {
    position: absolute;
    left: 0;
    top: -150px;
    width: 500px;
    height: 370px; }
  .special-topic-detail .main article .entry-content .summary {
    font-size: 16px;
    color: #666;
    line-height: 1.5; }
  .special-topic-detail .main article .entry-content a {
    width: 142px;
    height: 40px;
    background: #00a0e9;
    border-radius: 3px;
    color: white;
    display: block;
    top: -22px;
    font-size: 18px;
    text-align: center;
    line-height: 40px;
    right: 24px;
    position: absolute; }

.new-house-archive .list-view-0 ul > li {
  position: relative;
  padding: 42px 0 55px; }
  .new-house-archive .list-view-0 ul > li:after {
    clear: both;
    height: 0;
    overflow: hidden;
    display: block;
    visibility: hidden;
    content: "."; }
  .new-house-archive .list-view-0 ul > li .base-info {
    padding-top: 10px;
    width: 350px; }
    .new-house-archive .list-view-0 ul > li .base-info h1 {
      margin-top: 0;
      margin-bottom: 27px; }
      .new-house-archive .list-view-0 ul > li .base-info h1 span {
        margin-left: 10px;
        font-size: 12px;
        color: #999999; }
        .new-house-archive .list-view-0 ul > li .base-info h1 span:nth-child(2) {
          margin-left: 20px; }
    .new-house-archive .list-view-0 ul > li .base-info p {
      color: #666666;
      font-size: 14px; }
      .new-house-archive .list-view-0 ul > li .base-info p span {
        color: #ef3232; }
      .new-house-archive .list-view-0 ul > li .base-info p.address {
        line-height: 1.5;
        margin-bottom: 15px; }
  .new-house-archive .list-view-0 ul > li .extra-info {
    /*padding-top: 10px;*/ }
    .new-house-archive .list-view-0 ul > li .extra-info p {
      text-align: right; }
      .new-house-archive .list-view-0 ul > li .extra-info p:nth-child(1) {
        margin-bottom: 24px; }
      .new-house-archive .list-view-0 ul > li .extra-info p:nth-child(2) {
        margin-bottom: 20px; }
        .new-house-archive .list-view-0 ul > li .extra-info p:nth-child(2) a {
          color: #476bc8; }
      .new-house-archive .list-view-0 ul > li .extra-info p:nth-child(3) {
        margin-bottom: 7px; }
        .new-house-archive .list-view-0 ul > li .extra-info p:nth-child(3) button {
          cursor: pointer;
          border: none;
          width: 80px;
          height: 35px;
          border-radius: 5px; }
      .new-house-archive .list-view-0 ul > li .extra-info p:nth-child(4) {
        font-size: 12px; }
        .new-house-archive .list-view-0 ul > li .extra-info p:nth-child(4) span {
          font-size: 12px; }
      .new-house-archive .list-view-0 ul > li .extra-info p:nth-child(5) {
        position: absolute;
        right: 0;
        bottom: 15px;
        color: #999999; }

.new-house-archive .foo .panel-header {
  margin-bottom: 28px; }

.new-house-archive .foo .bar ul:after {
  clear: both;
  height: 0;
  overflow: hidden;
  display: block;
  visibility: hidden;
  content: "."; }

.new-house-archive .foo .bar li {
  float: left; }
  .new-house-archive .foo .bar li:not(:last-child) {
    margin-right: 15px; }
  .new-house-archive .foo .bar li h2 {
    margin-bottom: 20px;
    font-size: 16px; }
    .new-house-archive .foo .bar li h2 span {
      font-size: 14px;
      float: right; }
  .new-house-archive .foo .bar li p:nth-child(3) {
    margin-bottom: 7px; }
    .new-house-archive .foo .bar li p:nth-child(3) span {
      font-size: 18px;
      color: #ef3232; }
  .new-house-archive .foo .bar li .img-wrap {
    margin-bottom: 22px;
    width: 228px;
    height: 150px; }

.new-house-archive .special-filter select {
  min-width: 150px;
  box-sizing: border-box;
  border: 1px solid #ccc;
  width: 95px;
  height: 24px;
  margin-right: 10px; }

.site-info-common .s-t .img-wrap {
  height: 187px;
  margin-bottom: 15px; }

.site-info-common .s-t p {
  color: #666;
  font-size: 16px; }
  .site-info-common .s-t p span {
    float: right;
    color: #ef3232; }

.site-info-index .info-headline {
  padding-right: 16px; }
  .site-info-index .info-headline:after {
    clear: both;
    height: 0;
    overflow: hidden;
    display: block;
    visibility: hidden;
    content: "."; }
  .site-info-index .info-headline .img-wrap {
    float: left;
    width: 437px;
    height: 318px;
    margin-right: 16px; }
  .site-info-index .info-headline h1 {
    line-height: 1.5;
    padding: 50px 0;
    font-size: 20px;
    color: #333;
    height: 35px;
    overflow: hidden;
    margin-bottom: 40px; }
  .site-info-index .info-headline p:nth-child(3) {
    color: #999999;
    margin-bottom: 22px; }
  .site-info-index .info-headline p:nth-child(4) {
    font-size: 14px;
    line-height: 1.6;
    height: 70px;
    overflow: hidden;
    color: #787676e6; }
    .site-info-index .info-headline p:nth-child(4) a:link {
      color: #666666; }

.site-info-index .infos {
  padding: 26px 20px; }
  .site-info-index .infos ul li:after {
    clear: both;
    height: 0;
    overflow: hidden;
    display: block;
    visibility: hidden;
    content: "."; }
  .site-info-index .infos ul li:not(:last-child) {
    margin-bottom: 44px; }
  .site-info-index .infos ul li .img-wrap {
    float: left;
    width: 213px;
    height: 160px;
    margin-right: 20px; }
  .site-info-index .infos ul li .tag {
    margin-top: 5px;
    margin-bottom: 15px;
    display: inline-block;
    padding: 7px 11px;
    background: #646BFF;
    color: white;
    text-align: center; }
  .site-info-index .infos ul li h1 {
    color: #333;
    font-size: 18px;
    margin-bottom: 20px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }
  .site-info-index .infos ul li p {
    color: #999999;
    line-height: 1.6;
    max-height: 40px;
    overflow: hidden;
    font-size: 12px; }
    .site-info-index .infos ul li p:nth-child(4) {
      margin-bottom: 8px; }
    .site-info-index .infos ul li p:nth-child(5) {
      color: #999; }

.site-info-index .common-dot-prefix.site-info-index-dot .t {
  margin-bottom: 15px; }
  .site-info-index .common-dot-prefix.site-info-index-dot .t:after {
    clear: both;
    height: 0;
    overflow: hidden;
    display: block;
    visibility: hidden;
    content: "."; }
  .site-info-index .common-dot-prefix.site-info-index-dot .t h2 {
    line-height: 1.5;
    color: #333333;
    font-size: 16px;
    margin-bottom: 17px; }
  .site-info-index .common-dot-prefix.site-info-index-dot .t .img-wrap {
    float: left;
    width: 136px;
    height: 85px;
    margin-right: 10px; }
  .site-info-index .common-dot-prefix.site-info-index-dot .t p {
    display: block;
    /* Fallback for non-webkit */
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    max-height: 70px;
    line-height: 2;
    font-size: 12px;
    color: #666666; }

.site-info-index .table-list.site-info-table-list ul li span.title {
  width: 40%; }

.site-info-index .table-list.site-info-table-list ul li span.date {
  width: 20%; }

.site-info-archive .info-list {
  padding: 0 30px; }
  .site-info-archive .info-list > ul li {
    margin-bottom: 26px; }
    .site-info-archive .info-list > ul li:nth-child(6n) {
      padding-bottom: 40px;
      margin-bottom: 40px;
      border-bottom: 1px dashed #ccc; }
    .site-info-archive .info-list > ul li:first-child {
      padding-top: 40px; }
    .site-info-archive .info-list > ul li:last-child {
      padding-bottom: 40px; }
    .site-info-archive .info-list > ul li a {
      width: 80%;
      font-size: 16px; }
    .site-info-archive .info-list > ul li span {
      color: #666666;
      font-size: 14px;
      float: right; }
  .site-info-archive .info-list .jgbg-lista {
    padding-top: 40px;
    text-align: center; }
    .site-info-archive .info-list .jgbg-lista a {
      margin-right: 20px;
      font-size: 18px;
      border: 1px solid #ccc;
      padding: 0 5px; }
  .site-info-archive .info-list .jgbg-select {
    padding-top: 30px;
    height: 140px; }
    .site-info-archive .info-list .jgbg-select .downBox {
      float: left; }
      .site-info-archive .info-list .jgbg-select .downBox > ul {
        width: 100px;
        border-bottom: 1px #CCC solid;
        border-left: 1px #CCC solid;
        border-right: 1px #CCC solid;
        position: absolute;
        left: 0;
        top: 23px;
        list-style-type: none;
        margin: 0;
        padding: 0;
        background: #FFF;
        display: none;
        z-index: 10; }
        .site-info-archive .info-list .jgbg-select .downBox > ul li {
          list-style-type: none;
          margin: 0;
          padding: 0;
          display: block;
          width: 100%;
          height: 18px;
          line-height: 18px;
          color: #333;
          text-decoration: none;
          cursor: pointer;
          text-indent: 0.5em; }
          .site-info-archive .info-list .jgbg-select .downBox > ul li a {
            font-size: 12px;
            background: none;
            color: #333;
            height: 18px;
            line-height: 18px;
            padding: 0; }
      .site-info-archive .info-list .jgbg-select .downBox .sel-border {
        border: 1px solid #cccccc;
        width: 110px; }
      .site-info-archive .info-list .jgbg-select .downBox .dpan {
        overflow: hidden;
        display: block;
        text-decoration: none;
        cursor: pointer; }
    .site-info-archive .info-list .jgbg-select a {
      float: left;
      display: block;
      line-height: 22px;
      height: 22px;
      padding-left: 7px;
      background: url(/images/img_3.gif) right no-repeat;
      background-color: #FFF;
      padding-right: 20px; }
    .site-info-archive .info-list .jgbg-select p {
      font-size: 16px; }

.site-info-archive .table-list.site-info-table-list ul li a {
  margin-bottom: 17px; }

.site-info-archive .table-list.site-info-table-list ul li span.title {
  width: 40%; }

.site-info-archive .table-list.site-info-table-list ul li span.date {
  width: 20%; }

.site-info-detail .fixed-sidebar-recommend {
  width: 100%;
  position: fixed;
  top: 190px;
  left: 0;
  background: rgba(0, 0, 0, 0.3); }
  .site-info-detail .fixed-sidebar-recommend .container {
    position: relative; }
  .site-info-detail .fixed-sidebar-recommend .sidebar-inner {
    overflow: hidden;
    position: absolute;
    left: -70px;
    width: 32px; }
    .site-info-detail .fixed-sidebar-recommend .sidebar-inner ul li {
      height: 50px;
      line-height: 50px;
      text-align: center; }
      .site-info-detail .fixed-sidebar-recommend .sidebar-inner ul li.active {
        background: #ef3232; }
        .site-info-detail .fixed-sidebar-recommend .sidebar-inner ul li.active a {
          color: white; }
          .site-info-detail .fixed-sidebar-recommend .sidebar-inner ul li.active a:hover {
            background: #ef3232 !important; }
      .site-info-detail .fixed-sidebar-recommend .sidebar-inner ul li a {
        display: block;
        font-size: 16px;
        color: #666; }
        .site-info-detail .fixed-sidebar-recommend .sidebar-inner ul li a:hover {
          background: #eaecf5 !important; }

.site-info-detail .container .content-main {
  padding: 65px 50px; }
  .site-info-detail .container .content-main h1 {
    font-weight: bold;
    font-size: 24px;
    margin-bottom: 60px;
    line-height: 1.5; }
  .site-info-detail .container .content-main article {
    color: #333; }
    .site-info-detail .container .content-main article p {
      font-size: 16px;
      line-height: 2;
      text-align: justify;
      text-justify: inter-ideograph;
      word-wrap: break-word;
      word-break: normal; }
      .site-info-detail .container .content-main article p:not(:last-child) {
        margin-bottom: 25px; }
      .site-info-detail .container .content-main article p b {
        font-weight: bold;
        font-size: 14px;
        color: #999999; }
    .site-info-detail .container .content-main article img {
      max-width: 650px;
      overflow: hidden; }
    .site-info-detail .container .content-main article figure:not(:last-child) {
      margin-bottom: 48px; }
    .site-info-detail .container .content-main article figure img {
      width: 100%;
      margin-bottom: 5px; }
    .site-info-detail .container .content-main article figure figcaption {
      text-align: center; }
  .site-info-detail .container .content-main .byline {
    margin-bottom: 45px; }
    .site-info-detail .container .content-main .byline p {
      color: #999999;
      display: inline-block; }
    .site-info-detail .container .content-main .byline .post-site {
      position: relative; }
    .site-info-detail .container .content-main .byline .post-author {
      position: relative;
      margin-left: 30px; }
      .site-info-detail .container .content-main .byline .post-author:before {
        position: absolute;
        content: " ";
        top: 50%;
        margin-top: -2px;
        left: -20px;
        width: 4px;
        height: 4px;
        background: #999999; }
    .site-info-detail .container .content-main .byline .post-meta {
      float: right; }

.site-info-detail .container section > h2 {
  border-left: 5px solid #ef3232;
  text-indent: 14px;
  font-size: 16px;
  color: #333333; }

.site-info-detail .container section.relation-info ul {
  padding-top: 26px; }
  .site-info-detail .container section.relation-info ul li {
    margin-bottom: 30px;
    color: #333333; }
    .site-info-detail .container section.relation-info ul li a {
      padding-bottom: 8px;
      font-size: 16px;
      border-bottom: 1px solid #ccc; }

.site-info-detail .container section.your-favorites ul {
  padding-top: 43px; }
  .site-info-detail .container section.your-favorites ul:after {
    clear: both;
    height: 0;
    overflow: hidden;
    display: block;
    visibility: hidden;
    content: "."; }
  .site-info-detail .container section.your-favorites ul li {
    float: left;
    font-size: 16px; }
    .site-info-detail .container section.your-favorites ul li:not(:last-child) {
      margin-right: 27px; }
    .site-info-detail .container section.your-favorites ul li .img-wrap {
      width: 232px;
      height: 156px;
      margin-bottom: 10px; }
    .site-info-detail .container section.your-favorites ul li > h3 {
      font-size: 16px;
      color: #333333;
      margin-bottom: 6px; }
    .site-info-detail .container section.your-favorites ul li p:nth-child(3) {
      margin-bottom: 6px; }
    .site-info-detail .container section.your-favorites ul li p:nth-child(4) {
      color: #e5281a; }

.site-info-detail .container section.discussion .member-comment-content .comment-group {
  padding-top: 35px; }
  .site-info-detail .container section.discussion .member-comment-content .comment-group ul li {
    position: relative; }
  .site-info-detail .container section.discussion .member-comment-content .comment-group h2 {
    font-size: 14px;
    color: #333333;
    width: 100%;
    border-bottom: 1px solid #ccc;
    padding-bottom: 10px; }
  .site-info-detail .container section.discussion .member-comment-content .comment-group figure.img-wrap {
    width: 32px;
    height: 32px; }
  .site-info-detail .container section.discussion .member-comment-content .comment-group p {
    padding-top: 9px;
    font-size: 14px; }
  .site-info-detail .container section.discussion .member-comment-content .comment-group .comment {
    padding-left: 46px;
	white-space:pre-line; }
  .site-info-detail .container section.discussion .member-comment-content .comment-group i {
    position: absolute;
    right: 0;
    top: 38px; }
  .site-info-detail .container section.discussion .member-comment-content .comment-group .thumbs-up {
    top: 37px;
    right: 40px;
    width: 18px;
    height: 18px;
    background: #74ebd5; }

.site-info-detail .sidebar-section .hot h2 {
  font-size: 16px;
  color: #333333;
  margin-bottom: 12px; }

.site-info-detail .sidebar-section .hot .img-wrap {
  height: 187px;
  margin-bottom: 12px; }

/*
 * jQuery FlexSlider v2.7.1
 * http://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 and later license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author: Tyler Smith (@mbmufffin)
 *
 */
/* ====================================================================================================================
 * FONT-FACE
 * ====================================================================================================================*/
@font-face {
  font-family: 'flexslider-icon';
  src: url(../flexslider-icon.eot);
  src: url(../flexslider-icon.eot?#iefix) format('embedded-opentype'), url(../flexslider-icon.woff) format('woff'), url(../flexslider-icon.ttf) format('truetype'), url(../flexslider-icon.svg#flexslider-icon) format('svg');
  font-weight: normal;
  font-style: normal;
}
/* ====================================================================================================================
 * RESETS
 * ====================================================================================================================*/
.flex-container a:hover,
.flex-slider a:hover {
  outline: none;
}
.slides,
.slides > li,
.flex-control-nav,
.flex-direction-nav {
  margin: 0;
  padding: 0;
  list-style: none;
}
.flex-pauseplay span {
  text-transform: capitalize;
}
/* ====================================================================================================================
 * BASE STYLES
 * ====================================================================================================================*/
.flexslider {
  margin: 0;
  padding: 0;
}
.flexslider .slides > li {
  display: none;
  -webkit-backface-visibility: hidden;
}
.flexslider .slides img {
  width: 100%;
  display: block;
}
.flexslider .slides:after {
  content: " ";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
html[xmlns] .flexslider .slides {
  display: block;
}
* html .flexslider .slides {
  height: 1%;
}
.no-js .flexslider .slides > li:first-child {
  display: block;
}
/* ====================================================================================================================
 * DEFAULT THEME
 * ====================================================================================================================*/
.flexslider {
  margin: 0 0 60px;
  background: #fff;
  border: 4px solid #fff;
  position: relative;
  zoom: 1;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
  -o-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
  box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
}
.flexslider .slides {
  zoom: 1;
}
.flexslider .slides img {
  height: auto;
  -moz-user-select: none;
}
.flex-viewport {
  max-height: 2000px;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}
.loading .flex-viewport {
  max-height: 300px;
}
@-moz-document url-prefix() {
  .loading .flex-viewport {
    max-height: none;
  }
}
.carousel li {
  margin-right: 5px;
}
.flex-direction-nav {
  *height: 0;
}
.flex-direction-nav a {
  text-decoration: none;
  display: block;
  width: 40px;
  height: 40px;
  margin: -20px 0 0;
  position: absolute;
  top: 50%;
  z-index: 10;
  overflow: hidden;
  opacity: 0;
  cursor: pointer;
  color: rgba(0, 0, 0, 0.8);
  text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.flex-direction-nav a:before {
  font-family: "flexslider-icon";
  font-size: 40px;
  display: inline-block;
  content: '\F001';
  color: rgba(0, 0, 0, 0.8);
  text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
}
.flex-direction-nav a.flex-next:before {
  content: '\F002';
}
.flex-direction-nav .flex-prev {
  left: -50px;
}
.flex-direction-nav .flex-next {
  right: -50px;
  text-align: right;
}
.flexslider:hover .flex-direction-nav .flex-prev {
  opacity: 0.7;
  left: 10px;
}
.flexslider:hover .flex-direction-nav .flex-prev:hover {
  opacity: 1;
}
.flexslider:hover .flex-direction-nav .flex-next {
  opacity: 0.7;
  right: 10px;
}
.flexslider:hover .flex-direction-nav .flex-next:hover {
  opacity: 1;
}
.flex-direction-nav .flex-disabled {
  opacity: 0!important;
  filter: alpha(opacity=0);
  cursor: default;
  z-index: -1;
}
.flex-pauseplay a {
  display: block;
  width: 20px;
  height: 20px;
  position: absolute;
  bottom: 5px;
  left: 10px;
  opacity: 0.8;
  z-index: 10;
  overflow: hidden;
  cursor: pointer;
  color: #000;
}
.flex-pauseplay a:before {
  font-family: "flexslider-icon";
  font-size: 20px;
  display: inline-block;
  content: '\F004';
}
.flex-pauseplay a:hover {
  opacity: 1;
}
.flex-pauseplay a.flex-play:before {
  content: '\F003';
}
.flex-control-nav {
  width: 100%;
  position: absolute;
  bottom: -40px;
  text-align: center;
}
.flex-control-nav li {
  margin: 0 6px;
  display: inline-block;
  zoom: 1;
  *display: inline;
}
.flex-control-paging li a {
  width: 11px;
  height: 11px;
  display: block;
  background: #666;
  background: rgba(0, 0, 0, 0.5);
  cursor: pointer;
  text-indent: -9999px;
  -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  -o-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
}
.flex-control-paging li a:hover {
  background: #333;
  background: rgba(0, 0, 0, 0.7);
}
.flex-control-paging li a.flex-active {
  background: #000;
  background: rgba(0, 0, 0, 0.9);
  cursor: default;
}
.flex-control-thumbs {
  margin: 5px 0 0;
  position: static;
  overflow: hidden;
}
.flex-control-thumbs li {
  width: 25%;
  float: left;
  margin: 0;
}
.flex-control-thumbs img {
  width: 100%;
  height: auto;
  display: block;
  opacity: .7;
  cursor: pointer;
  -moz-user-select: none;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}
.flex-control-thumbs img:hover {
  opacity: 1;
}
.flex-control-thumbs .flex-active {
  opacity: 1;
  cursor: default;
}
/* ====================================================================================================================
 * RESPONSIVE
 * ====================================================================================================================*/
@media screen and (max-width: 860px) {
  .flex-direction-nav .flex-prev {
    opacity: 1;
    left: 10px;
  }
  .flex-direction-nav .flex-next {
    opacity: 1;
    right: 10px;
  }
}